0

我在父 html 表单中有一个 ajax 表单(不是我的代码!)。用例场景是提示用户输入个人资料信息,打开一个弹出窗口以将多个联系人添加到帐户,然后继续填写个人资料的其余部分。

联系人框允许用户添加新联系人、编辑现有联系人或删除联系人。

问题是当用户提交ajax表单进行添加、编辑或删除时,整个页面刷新,父表单中任何未保存的$_POST数据都会丢失。

如果我在页面上按 Enter 键,或者按 Ctrl + $ 或 Cmd + R,则 $_POST 数据不会丢失。这些是我读过的一些文章,试图弄清楚这件事:

我是一名 PHP 开发人员和一个 AJAX 新手,所以请原谅我在这里缺乏知识。return false;我试图用and来模仿 Ctrl+R 效果location.reload(true),但都没有奏效。我错过了什么?

这是我的弹出框代码:

$("#contact-dialog").dialog({
    autoOpen: false,
    width: 600,
    modal: true,
    buttons: {
      "Ok": function() {
        var bValid = true;
        allFields.removeClass( "ui-state-error" );

        bValid = bValid && checkLength( contact_first_name, "first name", 2, 64 );
        bValid = bValid && checkLength( contact_last_name, "last name", 2, 64 );
        bValid = bValid && checkLength( title, "title", 1, 64 );
        bValid = bValid && checkLength( phone, "phone", 6, 30 );
        bValid = bValid && checkLength( email_address, "email_address", 5, 128 );

        if ( bValid ) {
          if (contact_count % 2) {
          $( "#contacts" ).append();
          } else {
          $( "#contacts" ).append();
          }
          contact_count++;

          $.ajax({
                type: "POST",
                url: "facility-categories-ajax.php",
                data: { 
                    type: 'add-to-contacts',
                    input: $('#contact-dialog-link').val(),
                    cid: $('#contact-dialog-id').val(),
                    first_name: contact_first_name.val(),
                    last_name: contact_last_name.val(),
                    title: title.val(),
                    phone: phone.val(),
                    email_address: email_address.val(),
                    twitter: twitter.val(),
                    facebook: facebook.val(),
                    linkedin: linkedin.val()
                },
                complete: function(data) {
                    location.reload();
                    return false;
                }
          });

          $(this).dialog("close");
        }
      },
      Cancel: function() {
        contact_update.val('-1');
        $(this).dialog("close");
      }
    },
    close: function() {
      allFields.val("").removeClass("ui-state-error");
      tips.text("");
      if (contact_update.val() > -1) {
        delete_contact(contact_update.val());
      }
    }
  });

我感谢您的帮助!

4

1 回答 1

0

删除 local.reload() 以停止刷新页面。您可以删除整个完整的:function(){},因为它仅对 ajax 调用成功返回后的处理有用。并考虑添加另一个按钮,例如“完成更改”以关闭对话框。例如:

 (...)
 buttons: {
    "Done": function() {
        $(this).dialog('close');
    },
(...)
于 2012-10-05T21:12:33.447 回答