2016-05-23 6 views
0

私はビューページのdivにデータを割り当てる際に問題があります。あなたが見ることができるように、私は警告ボックス内の全データを見ることができ、

$.ajax({ 
    url: "/api/Flight/SearchFlight", 
    type: "Post", 
    data: $('form').serialize() + '&' + $.param({ 
    'TokenId': $("#pageInitCounter").val() 
    }, true), 
    success: function(data) { 
    alert(data); 
    $('#responsestatus').text(data.Response); 
    $('#divResult').html(data); 
    }); 

ここ: コードは次のようなものです。また、私はdivに全データを割り当てて、私はページ上の完全なデータを完全に見ることができます。 私が戻ったサンプルレスポンスは巨大なデータなので、私はそれのためのリンクを掲示していますhttp://pastebin.com/eEE72ySk

今私は各データを繰り返し処理したいが、できない。 例:

$('#responsestatus').text(data.Response.ResponseStatus); 

その後エラーは、次のとおりです。

UncaughtTypeError:Cannot read property 'ResponseStatus' of undefined

誰かがここで間違っているものを私に教えてください。私は応答してデータを反復処理するのはなぜカント

+2

データはjsonオブジェクトではなく文字列として扱われます。 ajaxリクエストにdataType: 'json'を追加してみてください。または、data = JSON.parse(data)を使用します。 – Adder

+0

@Adder '$ .ajax( { url:"/api/Flight/SearchFlight "、 タイプ:" Post "、 データタイプ:" json "、'これを試しましたが、私は文字列としてデータを取り戻していると思います。 – duke

答えて

2

あなたが戻って文字列としてあなたの応答を取得し、それはなかったようにそれを操作しようとしていると書きましたjavascriptオブジェクトです。

あなたは

  1. 、それを受信した後、JSON文字列への応答を解析
  2. バックあなたは、JSONデータを期待しているサーバーに知らせるを行うことの2つのいずれかがあります。

最初のリクエスト

$.ajax({ 
    url: "/api/Flight/SearchFlight", 
    type: "Post", 
    datatype: 'json', 
    data: $('form').serialize() + '&' + $.param({ 
    'TokenId': $("#pageInitCounter").val() 
    }, true), 
    success: function(data) { 
    $('#responsestatus').text(data.Response.ResponseStatus); 
    }); 

秒が使用する前に応答を解析する必要にdatatypeプロパティを設定するのと同じくらい簡単である必要があり、それおそらくなっている

$.ajax({ 
    url: "/api/Flight/SearchFlight", 
    type: "Post", 
    data: $('form').serialize() + '&' + $.param({ 
    'TokenId': $("#pageInitCounter").val() 
    }, true), 
    success: function(data) { 
    var result = JSON.parse(data); 
    $('#responsestatus').text(result.Response.ResponseStatus); 

    }); 
+0

json.parseのトリックは非常に大きな仕事をしました。 – duke

2

使用のJSON datatype..iは、ここではサンプル..

$.ajax({ 
    dataType: "json", 
    url: url, 
    data: data, 
    success: success 
}); 
関連する問題