JSONデータをHTML要素に追加

Question

JSONデータをHTML要素に動的に配置したいと考えています。私はデータセットをループしていますが、ループ内には入りません。助けてください。

$.ajax({ 
    type: "POST", 
    url: '<%= ResolveUrl("~/Menu.asmx/MasterMenu")%>', 
    data: [], 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    success: function(response) { 
    //var dataset = JSON.stringify(response.d); 
    var dataset = response.d; 
    alert(dataset); 
    debugger; 

    for (var i = 0; i < dataset.length; i++) { 
     alert(dataset[i].MENU_NAME); 
    } 

    // $.each(data, function (key, value{ <- this is wrong 
    $.each(response.d, function(i, item) { 
     alert("in"); 
     $("#menuDynamic").append("<li class='treeview'> <a href='#'> <i class='fa fa-dashboard'></i> <span>" + item.MENU_NAME + "</span> <span class='pull-right-container'><i class='fa fa-angle-left pull-right'></i> </span></a> </li>"); 
    }); 
    }, 
    error: function(response) { 
    alert(response.responseText); 
    alert(response.statusText); 
    } 
}); 

Answer 1

あなたの成功にこのラインを追加してください。あなたの応答はJSONではないかもしれません。

response = $.parseJSON(response); または response = JSON.parse(response);

Answer 2

はい、これは動作していない任意の数の理由があるかもしれません

$.ajax({ 

      type: "POST", 
      url: '<%= ResolveUrl("~/Menu.asmx/MasterMenu")%>', 
      data: [], 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: function (response) { 

      var data = JSON.parse((response.d)); 
       //var dataset = JSON.stringify(response.d); 
       //var dataset = $.parseJSON(response); 

       debugger; 


       $.each(data, function (i, item) { 

        $("#menuDynamic").append("<li class='treeview'> <a href='#'> <i class='fa fa-dashboard'></i> <span>" + item.MENU_NAME + "</span> <span class='pull-right-container'><i class='fa fa-angle-left pull-right'></i> </span></a> </li>"); 

       }); 
      }, error: function (response) { 
       alert(response.responseText); 
       alert(response.statusText); 

      } 

     });