MVC3のJSON結果は定義されていません

Question

JSON結果をMVC3アクションから取り出し、テーブル行にプッシュしようとしていますが、値はすべて定義されていません。 JQueryのajaxリクエストからJSON結果を適切に解析するにはどうすればよいですか？

彼らは

$.ajax({ 
     type: "POST", 
     url: "../Controller/GetImageDetails", 
     data: "id=" + id, 
     dataType: "json", 
     success: function (data) { 
      $.map(data, function (item) { 
       $('#tblImages > tbody > tr:first').before("<tr><td>ID:" + item.ID + "</td><td><img src='" + item.ThumbURL + "' alt='" + item.Name + "'/></td></tr>"); 
      }); 
     }, 
     error: function (obj) { 

     } 
    }) 

結果を返したら、これはMVC3アクションメソッド

[HttpPost] 
    [Authorize] 
    public JsonResult GetImageDetails(int id) 
    { 
     Image img = db.Images.First(i => i.ID == id); 
     return Json(img); 
    } 

これは、結果を処理するためにjQueryのですが、未定義が、何もない行です。私は返すオブジェクトのプロパティと同じ数の行を取得するので、JSonの結果を正しく処理していないと確信しています。 JSonの結果をどう扱うかについて、誰かが正しい方向に向けることができますか？また、提案されたアプローチにはブラウザサポートの問題はありますか？前もって感謝します！

Answer 1

1つのオブジェクトに$ .mapを使用しようとしているようです。私は、このオブジェクトのプロパティキーを反復処理することになると思います。データオブジェクトのオブジェクトプロパティにアクセスしてみてください。

$.ajax({ 
     type: "POST", 
     url: "../Controller/GetImageDetails", 
     data: "id=" + id, 
     dataType: "json", 
     success: function (data) { 
       $('#tblImages > tbody > tr:first').before("<tr><td>ID:" + data.ID + "</td><td><img src='" + data.ThumbURL + "' alt='" + data.Name + "'/></td></tr>"); 
     }, 
     error: function (obj) { 

     } 
    }) 

Answer 2

あなたの行動と投稿の対戦を試みましたか？

例：

[HttpGet] 
[Authorize] 
public JsonResult GetImageDetails(int id) 
{ 
    Image img = db.Images.First(i => i.ID == id); 
    return Json(img, JsonRequestBehavior.AllowGet); 
} 

Answer 3

あなたの行動から単一の画像を返すが、配列のクライアント側としてそれを扱っています。どうして？ dataを調べて、実際にその内容を確認しましたか？ 私は驚いていますmap()呼び出しが全く動作します。

また、FYI map()は、指定された配列の要素を変換するためのものです。コールバックから値を返さない場合は、代わりにeach()を使用する必要があります。