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

在这两种情况下，来自服务器的响应都将作为示例中的数据变量传递给回调。尝试在回调中使用 console.log(data) 以在开发者控制台中查看结果。

Answer 2

$('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()