JQuery ajax调用返回json数据-很好.我们如何获取每一块数据,以便查询可以对其进行操作


JQuery ajax call returns json data - good. How do we grab each piece of data so query can act on it?

对页面进行ajax调用以获取5条数据。3个图像作为文件名,2个状态作为数字1/0。最终的游戏是使用这些数据来指示jquery更改图像的3个div作为ajax调用的结果。所以我试图抓住这些项目,把它们交给一个函数,将交换这些div。到目前为止,问题是将数据块捕获为可以操作它们的格式。值到变量....

返回数据似乎没有问题。正确格式化。实际返回示例:

[
{"optiontext" : "spin1", "optionvalue" : "brown_anna.jpg"},
{"optiontext" : "spin2", "optionvalue" : "crada_amberly.jpg"},
{"optiontext" : "spin3", "optionvalue" : "ginda_marlins.jpg"},
{"optiontext" : "SID", "optionvalue" : "1"},
{"optiontext" : "HOT", "optionvalue" : "1"}
]

的调用,只是输出它们作为一个列表-如何获得这些数据在不同的片段作为变量为将来的查询图像交换?

dataType:"json",
    success: function (data) {
        var winns="<ul>";
        $.each(data, function(i,n){
        winns+="<li>"+n["optionvalue"]+"</li>";
        });
        winns+="</ul>";
        $('#message').append(winns);
        }

任何帮助非常感激-它的天......也不一定是JSON数据。在这一点上,我将尽一切努力完成这个慈善项目。

你的意思是:

dataType:"json",
    success: function (data) {
        $("#div1").append($("<img/>").attr("src", data[0].optionvalue));
        $("#div2").append($("<img/>").attr("src", data[1].optionvalue));
        $("#div3").append($("<img/>").attr("src", data[2].optionvalue));
    }