1

我有返回 json 字符串的 Web 服务，例如： d={"main0ID":"abc.es/main","main1ID":"ah/main"} 我想将此附加到 ul HTML 控件。如何遍历json对象字符串并附加到ul？

谢谢...

4

6 回答 6

3

你可以for..in用来迭代一个对象。

for (var key in d) {
  console.log(key, d[key]);
}
于 2012-06-19T03:54:10.357 回答
1

您可以使用.each()或.map()来迭代 json 对象。

于 2012-06-19T03:55:40.260 回答
1 
    $.ajax({           
                url: 'your url'
                type : 'POST',
                data : {/*any data*/},
                dataType:'json',
                success: function(msg) { //your json return
                for (i=0;i<msg.length;i++){
       alert(msg[i]['your_index']);
}

}
于 2012-06-19T03:55:40.637 回答
1

假设你有这样的 ul

<ul id="ulItems"></ul>

这将从 JSON 获取项目并添加到 UL

$(function(){
    var items="";
    var data={"main0ID":"abc.es/main","main1ID":"ah/main"}
       $.each(data,function(index,item){
         items+="<option value='"+item+"'>"+item+"</option>";
       });       
    $("#ulItems").html(items);
});

工作样本：http: //jsfiddle.net/tFpTu/4/

始终构建一个字符串并只调用一次函数，而不是在循环内html调用append函数n 次

于 2012-06-19T03:56:17.053 回答
1

这两种方法都可以使用
但是第一种方法相当快......

检查本教程...

for (var keyIndex in d) {
    console.log(keyIndex, d[keyIndex]);
}

$.each(data,function(keyIndex,value){
    console.debug(inkeyIndexex,value);
});
于 2012-06-19T04:02:47.443 回答
0 
$("#Button1").click(function () {
WebService.GetList(OnComplete, OnError);
function OnComplete(result) 
{
var items = "";
var value = Sys.Serialization.JavaScriptSerializer.deserialize(result, true);
for (var property in value) 
{              
items += "<option value='" + value[property] + "'>" + value[property] + "</option>";
}
$("#ContentPlaceHolder1_ListBox1").html(items);
}
function OnError(err)
{
alert("The error is :" + err.get_Message());
}
});
于 2012-06-19T04:53:50.613 回答