ajax - ajax呼び出しの応答を使用して動的ページを操作するにはどうすればよいですか？

Question

ユーザーが挿入したデータを含むフォームを送信し、（update.asp）というページからHTMLを取得しようとしています。

1. HTML応答を取得するにはどうすればよいですか？また、ページのdivに書き込むにはどうすればよいですか？応答は「成功」になります。

2. 私のページが500または他のタイプのエラーをスローした場合、どうすればそれを処理できますか？

   $('input#btnUpdate').click( function() {
       $.ajax({
       url: 'update.asp',
       type: 'post',
       dataType: 'json',
       data: $('form#myForm').serialize(),
       success: function(data) {
           // how do i catch the response? is this the right place?
       },
       error: function(data) {
           // how do I catch the error code here?
       }
   });
   

Answer 1

$('input#btnUpdate').click( function() {
    $.ajax({
        url: 'update.asp',
        type: 'post',
        dataType: 'json',
        data: $('#myForm').serialize(),
        success: function(response) {
              $("#yourDIV").html(response);
        },
        error: function (xhr, ajaxOptions, thrownError)  {
              alert(thrownError);        //output, 500
        }
    });
});

詳細: ajax()

Answer 2

どちらの場合もサーバーからの応答は、例のデータ変数としてコールバックに渡されます。開発者コンソールで結果を確認するには、コールバック内で console.log(data) を使用してみてください。