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

Question

我正在尝试通过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" ，我收到错误:

语法错误，无法识别的表达式:/uploads/like.png

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

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

(每个图像都有不同的 id1，例如 id1=33 ，因此响应将发送到每个选定的图像。)

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

Answer 1

你可以这样做:

$.ajax({

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

  }
});

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

希望有帮助。