php - 解析json并在img src问题中显示它

Question

当我借助ajax从php页面获取json数据时..我可以在任何我想要的地方显示数据..一个例子:

$.ajax({

        type: "GET",
        url: "test.php",
        data: up,
        cache: false,
        success: function(r){
        var obj = jQuery.parseJSON(r);
        $('#test').val(obj.sentvalue);
    },
        });

<div id="test">Here the data will go</div>

现在我从页面中获取了一个以变量形式表示的图像。如何将其显示到正确的位置？

$.ajax({

            type: "GET",
            url: "test.php",
            data: up,
            cache: false,
            success: function(r){
            var obj = jQuery.parseJSON(r);
            $('#??').val(obj.image);
        },
            });

<img src = "product/(here i need to put the variable).jpg" />

Answer 1

为您的图像标签指定一个 ID 属性，以便我们稍后可以使用 jQuery 轻松选择该元素。

<img id="myImage" src="existingJunk.jpg" />

并在脚本中读取 JSON 结构的特定属性并设置图像的 src 属性。

success: function(r){
        var obj = jQuery.parseJSON(r);
        $("#myImage").attr("src",obj.ImageSource);
    },

假设您的 JSON 数据具有 ImageSource 属性，例如

{
  "ImageSource" :"http://somedomainname.com/newImage.jpg"
}

使用 JSON 数据时，jsonlint.com对于验证 JSON 非常有用。