Изменить изображение SRC без обновления из базы данных MySQL

Question

Сейчас я немного отравлен: у меня на сайте отображается изображение, на котором есть src с сервера mysql, оно выглядит так:

echo '<img src = "'.$sourceVariableFromDatabase.'" class = "profileImage" id = "profilePicture" />';

Также на моем сайте,это функция, которая изменяет базу данных, и, следовательно, значение $sourceVariableFromDatabase.Тем не менее, изображение не будет обновляться до тех пор, пока страница не будет обновлена, но я хотел бы, чтобы оно отображало src нового изображения из базы данных без обновления.

Я знаю, что это можно сделать через jQuery, но я не уверен, так каккак получить значение из базы данных, так как Javascript не является серверной стороной, как javascript, и , насколько я знаю, не может получить доступ к базам данных в mysql.

Как мне этого добитьсяв Javascript / JQuery.

Спасибо, я старался быть максимально ясным и извиняться за любые вафли.

Answer 1

JQuery может использоваться для вызова URL, который возвращает данные (например, HTML, JSON, текст и т. Д.).То, как этот URL возвращает данные, может быть любым, каким вы захотите (PHP + MySQL и т. Д.).Получив ответ, JQuery может обновить тег img.

Вот простой пример:

Пример HTML

<img id="profilePicture" src="(your source from db1)" />

Пример JQuery на странице HTML

function update_image(db)
{
  // get new image src
  $.get('some/url/to/get/new/src', {db: db}, function(response){
    // update the img src
    $('#profilePicture').attr('src', response);
  });
}

Пример страницы (/ some / url / to / get / new / src):

<?php

// get request data
$db = $_GET['db'];

// get img src
$src = some_function_to_get_src($db);

// output src
echo $src;

Answer 2

$.get('/pathToCode', function(imagePath){
    $('#profilePicture').attr('src', imagePath);
});

Файл в /pathToCode должен запросить базу данных и повторить путь к изображению. Просто добавьте этот код в конец вашей функции, которая изменяет базу данных.