JavaScript 弹出一个页面,新增一条记录并关闭该页面时,如何使用 AJAX 刷新原主页面的 table?

jksharer · 2014年05月18日 · 最后由 lyfi2003 回复于 2014年05月18日 · 2908 次阅读

如题。 主页面是一个 index 页面,包含一个新增按钮。 点击新增按钮后,新弹出一个小窗口(大小、样式作了定制),在新窗口中输入、保存完成该条记录后,希望新窗口自动关闭,同时将原 index 主界面中的 table 重新加载一下,该如何实现?

主要是如何定位新窗口和原主窗口,用 JQuery 怎么实现? 提前多谢拉。

你说的新窗口是指 新页面,还是一个模态对话框,还是 iframe ?

如果是新页面,iframe, 这种,你只能用回调来处理,类似技术 pjax, callback

模态对话框的话就直接用 原生的事件绑定操作就可以了。

#1 楼 @lyfi2003 就是一个新页面,非模态的,没有用 iframe,都是 DIV。 新页面是用 window.open 打开的,唯一的标识是它的 title。

建议使用对话框就行了。

这样你的问题就已经不在是问题。

其次,弹窗有可能会被阻止。。。

#3 楼 @pynix 好的。试试对话框吧,谢谢。

#4 楼 @jksharer 弹窗问题比较多,如果不能换的话,一个简单的思路是这个

var w = window.open("index2.html");
w.onbeforeunload = function (){
   // refresh your page
}

绑定 unload 事件,然后刷新浏览器,或者 ajax 请求。

需要 登录 后方可回复, 如果你还没有账号请 注册新账号