在jsp中点击网页关闭按钮怎么让它先执行一段javascript后再关闭
1个回答
展开全部
到了web浏览器上不管是jsp,还是asp,php等等,最终生成的内容都是html。如果需要交互必定就是javascript。以关闭页面的js来说,你想要的功能,两种方式:
第一、直接执行代码所有执行的代码不包含ajax请求。
function close()
{
//你要执行的非ajax异步任务或代码写在这里
if(condition){
console.log("execute my task");
for(var i = 0; i < 100; i++)
{
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请求完毕。
希望对你有帮助。
第一、直接执行代码所有执行的代码不包含ajax请求。
function close()
{
//你要执行的非ajax异步任务或代码写在这里
if(condition){
console.log("execute my task");
for(var i = 0; i < 100; i++)
{
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请求完毕。
希望对你有帮助。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询