jquery - jqueryでjsonオブジェクト文字列を反復する方法

Question

：d = {"main0ID"： "abc.es/main"、 "main1ID"： "ah/main"}のようなjson文字列を返すWebサービスがあります。これをulHTMLコントロールに追加します。jsonオブジェクト文字列を反復処理してulに追加するにはどうすればよいですか？

ありがとう...

Answer 1

for..inオブジェクトを反復するために使用できます。

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

Answer 2

.each()または.map()を使用して、json オブジェクトを反復処理できます。

Answer 3

    $.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']);
}

}

Answer 4

あなたがこのような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/

ループ内で関数を n 回html呼び出すのではなく、常に文字列を作成し、関数を 1 回だけ呼び出すappend

Answer 5

この方法はどちらも使用できますが
、最初の方法はかなり高速です...

このチュートリアルを確認してください...

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

$.each(data,function(keyIndex,value){
    console.debug(inkeyIndexex,value);
});

Answer 6

$("#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());
}
});