gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-29 06:12:22 25 4
gpt4 key购买 nike

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

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

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

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

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

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

最佳答案

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;

关于javascript - 更改图像 src 而不从 mysql 数据库刷新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8403755/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com