我在父 html 表单中有一个 ajax 表单(不是我的代码!)。用例场景是提示用户输入个人资料信息,打开一个弹出窗口以将多个联系人添加到帐户,然后继续填写个人资料的其余部分。
联系人框允许用户添加新联系人、编辑现有联系人或删除联系人。
问题是当用户提交ajax表单进行添加、编辑或删除时,整个页面刷新,父表单中任何未保存的$_POST数据都会丢失。
如果我在页面上按 Enter 键,或者按 Ctrl + $ 或 Cmd + R,则 $_POST 数据不会丢失。这些是我读过的一些文章,试图弄清楚这件事:
- https://stackoverflow.com/questions/12734535/ajax-complete-without-page-reload
- 使用 PHP、jQuery 以模态形式填充字段
- “location.reload()”丢失 POST/SESSION 数据?(F5 / Ctrl+R 保留数据?)
- “location.reload()”丢失 POST/SESSION 数据?(F5 / Ctrl+R 保留数据?)
我是一名 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());
}
}
});
我感谢您的帮助!