[英]Close opened pop-up window on form submission and trigger click on the parent window
我有一个父窗口,我在那里使用window.open()打开一个弹出窗口,我正在使用window.opener方法监视该弹出窗口的返回。 我在这里有两个问题:
码:
// parent window handling of information returned from the pop-up window
function HandlePopupResult(value) {
alert("The field value is: " + value);
$("input[value='Search']").trigger("click");
}
//pop-up window handling of information to be returned to the parent window on submission
$("#myForm").submit(function() {
window.opener.HandlePopupResult($("#field").val());
window.close();
});
所以我的问题是:如何确保提交已完成,以便我在父窗口中触发搜索点击并关闭此弹出窗口? 请告诉我。
我能够最终将信息正确地发送回我的父表单,但我只需要确保我的提交完成。 有关确保仅在提交成功后才启动我的活动的任何建议?
干杯。
您打开的新窗口(弹出窗口)将在提交时加载新的HTML页面( 在将表单发送到服务器之前执行jQuery submit
调用的功能)。
您应该在弹出窗口中加载的新页面中执行操作。
这将有助于将来的其他人。 我能够通过将上面的代码修改为下面给出的代码来实现这一点:
// parent window handling of information returned from the pop-up window
function HandlePopupResult(value) {
alert("The field value is: " + value);
$("input[value='Search']").trigger("click");
}
将表单提交更改为AJAX帖子调用以确保表单提交已发生,然后执行我处理弹出窗口结果的剩余任务,之后关闭弹出窗口。 奇迹般有效!
//pop-up window handling of information to be returned to the parent window on submission
$("#myForm").submit(function() {
$.ajax({
type: 'POST',
url: $(this).attr('action'),
data: $(this).serialize(),
success: function(data) {
window.opener.HandlePopupResult($("#field").val());
window.close();
}
});
return false;
});
另一种简化方法是使用$.post
方法代替。 保存几行,但实现相同的目标。
$ .post(url,data,callback);
$.post( $( "#myForm" ).attr('action'), $( "#myForm" ).serialize(), function(){
window.opener.HandlePopupResult($("#field").val());
window.close();
});
您可以将.submit
作为AJAX请求的简写替换,或者将其放入您从表单调用的函数中。
<form onsubmit="submitHandler(this); return false" name="myForm" id="myForm">
您还可以将它与JSON结合使用,以便在将内容发送回主页之前添加一些进一步的功能/验证,这在许多情况下可能会有所帮助。 同样,这是一种将PHP(或任何你使用的)脚本中的数据返回给JS / jQuery的绝佳方式。
$.post( $( "#myForm" ).attr('action'), $( "#myForm" ).serialize(), function(data){
if(data.status == 'failed')
{
// Lets present an error, or whatever we want
}
else
{
// Success! Continue as we were
window.opener.HandlePopupResult($("#field").val());
window.close();
}
}, 'json');
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.