javascript - 使用 jquery 和 ajax 时对话框出错

Question

我收到一个警报：对象 XMLHttpRequest。当我在我的对话框中单击添加收件人时会发生这种情况。下面的代码将新值发布到数据库。它打开一个对话框或表单，表单的操作是向数据库添加或插入新值。我粘贴了下面的代码，因为我认为这可能是错误的根源。下面是我的代码的javascript：

 $(function () {
              $('#dialog-form-add').dialog({
                  autoOpen: false,
                  modal: true,
                  height: 425,
                  width: 475,
                  buttons: {
                      'Add Recipient': function () {
                          $.ajax({
                              type: "POST",
                              url: $("#add-recipient-form").attr('action'),
                              data: $("#add-recipient-form").serialize(),
                              dataType: "text/plain",
                              success: function (response) {
                                  $('#dialog-form-add').dialog('close');
                                  $("#grid").load('/Default/ #grid', function () {
                                      $('tbody > tr:first')
                                  .effect("highlight", {}, 2000);
                                  });
                              },
                              error: function (response) {
                                  alert(response);
                                  $('#dialog-form').dialog('close');
                              }
                          });
                      },
                      Cancel: function () {
                          $('#dialog-form-add').dialog('close');
                      }
                  }
              });
              $('#requestdate').datepicker({ dateFormat: 'yy-mm-dd' });

              $('#add-recipient')
              .button().click(function () {
                  $('#dialog-form-add').dialog('open');
              });

          });