javascript - 更改图像 src 而不从 mysql 数据库刷新

Question

我现在有点困惑:我的网站上显示了一个图像，其中有一个来自 mysql 服务器的 src，它看起来像这样:

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

我的网站上还有一个函数可以更改数据库，从而更改 $sourceVariableFromDatabase 的值。但是，在刷新页面之前图像不会更新，但我希望它能够显示数据库中的新图像 src 而无需刷新。

我知道这可以通过 jQuery 完成，但不确定如何从数据库获取值，因为 Javascript 不是服务器端，如 javascript，并且据我所知无法访问mysql中的数据库。

如何在 Javascript/jquery 中实现此目的。

谢谢，我已尽力表达得尽可能清楚，并对任何华夫饼表示歉意。

Answer 1

JQuery 可用于调用返回数据(例如 HTML、JSON、文本等)的 URL。该 URL 如何返回数据可以是您想要的(PHP+MySQL 等)。一旦 JQuery 收到响应，它就可以更新 img 标记。

这是一个简单的例子:

示例 HTML

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

HTML 页面上的 JQuery 示例

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;