Uncaught TypeError：未定義のプロパティ 'Surname'を読み取ることができません

Question

コンソールは$（ "＃surname"）val（）の値を送出しますが、エラーが発生します。 フォームが動的に構築される前にスクリプトが動作する可能性がありますか？

$(function() { 
    $("#addEmployeForm").submit(function (event) { 
     event.preventDefault(); 
     $.ajax({ 
      url: "/api/values/", 
      type: "POST", 
      data: { 
       Name: $("#name").val(), 
       Surname: $("#surname").val(), 
       Age: $("#age").val(), 
       Salary: $("#salary").val(), 
       PhoneNumber: $("#phoneNumber").val(), 
       Department: $("#department:selected").val() 
      }, 
      success: function (data) { 
       $("#resultSpan").html(data[1].Surname)     
      }, 
      error: function() { 
       console.log($("#surname").val()); 
      } 
     }); 
     console.log("after ajax: " + $("#surname").val()); 

    }); 
}); 

Answer 1

あなたが取得しているエラーは、AJAX呼び出しが成功だった示唆が、は、次のコードで参照されるようにそのようなオブジェクトはありません：$("#resultSpan").html(data[1].Surname)。 にアクセスしてAJAX呼び出しから実際に返されているデータを確認しようとしているconsole.log(data)をお勧めします。