テキストボックスにサーバーへのajax呼び出しを設定する

Question

姓と名が揃っています。姓がぼかしの場合は、他のテキストボックスを入力するための追加データを取得するためのajax呼び出しがトリガーされます。呼び出しが行われ、Chromeの開発ツール（ネットワークタブ）にjson文字列がすべてのデータとともに戻ってきていることがわかりますが、テキストフィールドにデータを入力する方法を理解できません。

AJAX機能：

$(function() { 
     $("#LastName").on('blur', function() { 
      var first = $("#FirstName").val(); 
      var last = $("#LastName").val(); 
      $.ajax({ 
       url: '@Url.Action("SearchEmployee", "Employee")', 
       type: "GET", 
       datatype: 'json', 
       data: { 'firstName': first, 'lastName': last }, 
       success: function (data) { 
        alert(data.ManagerFirst); 
        $("#ManagerFirst").val(data.ManagerFirst); 
        $("#ManagerLast").val(data.ManagerLast); 
       }, 
       error: function() { alert("Huh? What? What did you need?.") } 
      }); 
     }) 
    }) 

返します。このような何か：

{"EmployeeId":0,"FirstName":"Bob","LastName":"Smith","EmailAddress":null,"ManagerEmail":"Boss.Man@work.org","ManagerId":null,"ManagerFirst":"Boss","ManagerLast":"Man"} 

'警告' は "未定義" を示しています。

Answer 1

alert応答文字列のデータメンバーが存在しません。代わりに、あなたはこのように、objectに文字列を変換しようとする必要があります：

$(function() { 
    $("#LastName").on('blur', function() { 
     var first = $("#FirstName").val(); 
     var last = $("#LastName").val(); 
     $.ajax({ 
      url: '@Url.Action("SearchEmployee", "Employee")', 
      type: "GET", 
      datatype: 'json', 
      data: { 'firstName': first, 'lastName': last }, 
      success: function (data) { 
       //converting it to object, since further rows expect this 
       data = $.parseJSON(data); 
       alert(data.ManagerFirst); 
       $("#ManagerFirst").val(data.ManagerFirst); 
       $("#ManagerLast").val(data.ManagerLast); 
      }, 
      error: function() { alert("Huh? What? What did you need?.") } 
     }); 
    }) 
}) 

EDIT：ブライアン・ルイスが指摘したように

が、それはタイプミスでした。これは、私が自分の答えを書いた行動につながった。

Answer 2

あなたはたぶんタイプミスがあるかもしれません。

data[0].ManagerFirst ... etc. 

からのことを指示する方法はありませんでした：「データ型」

Answer 3

はそれが好きにアクセスしなければならなかった、問題は、サーバーが従業員オブジェクトの配列を返すあったが判明し、「データ型」を変更してみてください私が投稿したデータ、私の謝罪。

fyi、一度修正を加えてしまえば、dataTypeパラメータを 'datatype'に戻しても問題なく動作しました。