Json APIの応答がli属性に追加されていません

Question

ulとliを使用してAPIからメニューを表示したいのですが、liにajax応答が追加されていません。親切に私を助けてください。ここで

は、ここで私のHTML

@{ 
    ViewData["Title"] = "Home Page"; 
} 
<script src="~/lib/jquery/dist/jquery.min.js"></script> 
<div id="demo"> 
    <ul><li id="results"></li></ul> 
</div> 

である私のスクリプトです。

<script> 
    $.ajax({ 
     url: "http://any-url", 
     dataType: "json", 
     contentType: "application/json; charset=utf-8", 
     type: "POST", 
     data: JSON.stringify({ "ProjectId": "1" }), 
     success: function (response) { 
      var title = +response.ParentList; 
      console.log(response); 
      $.each(response, function() { 

       $("#results").append(title.Name); 
      }) 

     }, 
     error: function (status) 
     { 
      console.log(status.statusText); 

     } 
    }); 
</script> 

これはコンソールウィンドウのAjaxレスポンスです。

Object {Message: "Successfully", Status: "OK", Parentlist: Array(10)} 
Message:"Successfully" 
Parentlist:Array(10) 
0:Object 
1:Object 

Parentlist:Array(10) 
0:Object 
    Child:Array(0) 
    DisplayOrder:"-8" 
    Id:"1012" 
    Name:"Mysorie Chif 

Answer 1

この

success: function (response) { 
     $.each(response.ParentList, function() { 
      $("#demo ul").append('<li>'+this.Name+'</li>'); 
     }) 
    }, 

Answer 2

HTML試してみてください。私はあなたのAJAX呼び出しが（その上でより多くの情報を配列することができ返却されていると

<script> 
    $.ajax({ 
     url: "http://any-url", 
     dataType: "json", 
     contentType: "application/json; charset=utf-8", 
     type: "POST", 
     data: JSON.stringify({ "ProjectId": "1" }), 
     success: function (response) { 
      var title = +response.ParentList; 
      console.log(response); 
      $.each(response, function() { 

       $("#demo ul").append(title.Name); 
      }) 

     }, 
     error: function (status) 
     { 
      console.log(status.statusText); 

     } 
    }); 
</script> 

Answer 3

：スクリプト

@{ 
    ViewData["Title"] = "Home Page"; 
} 
<script src="~/lib/jquery/dist/jquery.min.js"></script> 
<div id="demo"> 
    <ul><li class="results"></li></ul> 
</div> 

を歓迎される）。ここで

は、応答項目を反復処理し、それぞれの新しいLIを追加する方法である：仕事にそのために

function onSuccess(response){ 
    $.each(response, function (index, item) { 
    $("#resultRoot").append('<li>'+item.Name+'</li>'); 
    }) 
} 

、あなたはULタグ（ないLI）を指す必要があります。

<div id="demo"> 
    <ul id="resultRoot"></ul> 
</div> 

そしてあるように私はちょうどするonSuccess関数呼び出し、アヤックスを残す：私はこのラインを使用することになり

$.ajax({ 
    url: "http://any-url", 
    dataType: "json", 
    contentType: "application/json; charset=utf-8", 
    type: "POST", 
    data: JSON.stringify({ "ProjectId": "1" }), 
    success: onSuccess, 
    error: function (status) 
    { 
     console.log(status.statusText); 
    } 
}); 

Answer 4

を$("#demo ul").append('<li>' + this.ParentList.Name + '</li>');

これはliをappendうとthis.ParentList.nameを使用することによって、あなたは、コンソールに表示何をすべきか、現在のresponse

$.ajax({ 
 
    url: "http://any-url", 
 
    dataType: "json", 
 
    contentType: "application/json; charset=utf-8", 
 
    type: "POST", 
 
    data: JSON.stringify({ 
 
    "ProjectId": "1" 
 
    }), 
 
    success: function(response) { 
 
    console.log(response); 
 
    $.each(response, function() { 
 

 
     $("#demo ul").append('<li>' + this.ParentList.Name + '</li>'); 
 
    }) 
 

 
    }, 
 
    error: function(status) { 
 
    console.log(status.statusText); 
 

 
    } 
 
});