javascript - jqueryとajaxを使用した場合のダイアログからのエラー

Question

アラートが表示されます：ObjectXMLHttpRequest。これは、ダイアログで[受信者の追加]をクリックすると発生します。以下のコードは、新しい値をデータベースにPOSTします。ダイアログまたはフォームが開き、フォームのアクションはデータベースに新しい値を追加または挿入することです。エラーの原因である可能性が高いため、以下のコードを貼り付けました。以下は私のコードの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');
              });

          });