使用ajax从db获取位置来更改我的imag src

Question

如何使用ajax更改img的img src.我有我的数据库中的位置保存,我想data[0]['patient_photo']从我的图像中设置这样的html 的值的img src :

<img id="checkup_pic" src="">

这是我的ajax代码:

success: function(data) {
        $('#valfname').text(data[0]['patient_fname']);
        $('#valmname').text(data[0]['patient_mname']);
        $('#vallname').text(data[0]['patient_lname']);
        $('#valad').text(data[0]['patient_address']);
        $('#valcont').text(data[0]['patient_contact_info']);
        $('#valsex').text(data[0]['patient_sex']);
        $('#valcvilstat').text(data[0]['patient_civil_status']);
        $('#valbday').text(data[0]['patient_bday']);
        $('#valage').text(data[0]['patient_age']);
        $('#valheight').text(data[0]['patient_height']);
        $('#valweight').text(data[0]['patient_weight']);

        $('#checkup_pic').attr("src","");

Answer 1

您可以使用jQuery函数prop()或attr()将属性设置为DOM元素:

prop():为匹配元素集设置一个或多个属性.

attr(): 为匹配元素集设置一个或多个属性.

因此,您只需将图片的来源传递data[0]['patient_photo']给标识的标记src属性,例如:img#checkup_pic

$('#checkup_pic').prop("src", data[0]['patient_photo']);
//Or
$('#checkup_pic').attr("src", data[0]['patient_photo']);

希望这可以帮助.

Answer 2

你需要使用jquery的attr属性并在值中传递你的src.

试试以下代码:

$('#checkup_pic').attr("src",data[0]['patient_photo']);