第一、直接执行代码所有执行的代码不包含ajax请求。
function close()
{
//你要执行的非ajax异步任务或代码写在这里
if(condition){
console.log("execute my task")
for(var i = 0i <100i++)
{
console.log(i+"="+i)
}
}else{
//不会执行后面的关闭代码
alert("warning info")
return
}
//写try的目的是因为try语句中的内容,某些浏览器不一定支持
try{
window.openner = null
window.open("_blank","_self","")
window.close()
}catch(e){
winddow.close()
}
}
第二、有ajax请求
方式两种,以jquery的ajax为例
1、采用异步请求,在异步请求完成后关闭窗口
function close()
{
//your other codes go here
.... ...
var myurl = ""
$.ajax({
//注意这歌参数设置是否异步请求,这个设置成异步的
async:true,
url:myurl,
type:"post",
data:{sessionid:"1111-1111-1111-222"},
dataType:"json",
success:function(response)
{
//your other codes go here
... ...
try{
window.openner = null
window.open("_blank","_self","")
window.close()
}catch(e){
winddow.close()
}
},
error:function(xhr,e,emsg){
//ajax 出错的时候回调处理方法
}
})
}
2、采用同步请求
function close()
{
//your other codes go here
.... ...
var myurl = ""
$.ajax({
//注意这歌参数设置是否异步请求,这个设置成异步的
async:false,
url:myurl,
type:"post",
data:{sessionid:"1111-1111-1111-222"},
dataType:"json",
success:function(response)
{
//your other codes go here
... ...
},
error:function(xhr,e,emsg){
//ajax 出错的时候回调处理方法
}
});
try{
window.openner = null
window.open("_blank","_self","")
window.close()
}catch(e){
winddow.close()
}
}
最后不知道你品出我写出来的为什么会那样?我解释一下ajax异步与同步的区别,帮助你理解:
同步,代码执行到ajax这块会一直等到ajax请求结束再执行ajax后面的代码;异步,碰到ajax会放倒一个任务队列中去,任务执行后采取会掉通知进行处理。并且ajax任务放入队列后立马会执行后续的代码,不等ajax请求完毕。
希望对你有帮助。
1、在html中的表单form设置属性action='#'防止自动提交
2、利用js获取html中表单form,重新设置表单的action
3、action设置完毕后调用form.submit()方法提交表单
4、表单提交后利用window.close()关闭当前窗口
示例:
<form action='#' id="myForm"><input type="text" name="username" value=""/>
<input type="button" value="提交" onclick="subform()"/>
</form>
方法:
function subform(){var form = document.getElementById('myForm')//获取表单dom
form.action="testurl"//重新设置提交url
form.submit()//提交表单
window.close()//关闭窗口
}
页面中加入一下代码,劫持页面退出事件:<script>
window.onbeforeunload = function(event) {
//-----你要执行的代码-------------
return confirm("确定退出吗???")
}
</script>
注意:各内核的浏览器的处理方式是不一样的。