通过AJAX响应更改图像的'src'属性

时间:2019-09-21 16:57:28

标签: javascript jquery html ajax

我正在尝试通过ajax请求更改图片的src属性,

$.ajax({

   url: "/l/"+id1,
   type: "get", 
   dataType: "json",
   success: function (data) {
    $data = $(data);

    $("#like" + id1).attr("src",$data");

            }
        });

响应类似于/uploads/like.png

没有dataType: "json",我收到错误消息:

Syntax error, unrecognized expression: /uploads/like.png

(因此Ajax可以工作并收到响应),添加dataType:"json"后,错误消失了,但没有任何其他反应。

HTML部分(由服务器生成):

(每个图像都有不同的id1,例如id1=33,因此对每个选定的图像都有响应。)

<img id="like33" src="/uploads/default.png" />

1 个答案:

答案 0 :(得分:1)

您可以执行以下操作:

$.ajax({

url: "/l/"+id1,
type: "get", 
dataType: "json",
success: function (data) {
 $("#like" + id1).attr("src", data);

  }
});

如果您在ajax响应中收到字符串/uploads/like.png,则可以将其传递到attr()方法中。

希望有帮助。