Question

我现在有点腌菜：我的网站上显示了一个图像，它有一个来自mysql服务器的src，它看起来像这样：

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)" />

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;

Answer 2

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

/pathToCode处的文件需要查询数据库并回显图像的路径。只需将此代码添加到更改数据库的函数末尾即可。

无需从mysql数据库刷新即可更改映像src

2 个答案: