通过javascript库JQuery实现页面跳转功能代码
通过javascript库JQuery实现页面跳转功能代码的四段代码实例如下。
实例1:
|
1
2
3
4
|
$(function(){
var pn = $("#gotopagenum").val();//#gotopagenum是文本框的id属性
location.href = "NewList.aspx?pagenum="+pn;//location.href实现客户端页面的跳转
}); |
实例2:
实现跳转：window.location = \'user!add.action?id=1\';
如果需要ajax无刷新的异步请求：
|
1
2
3
4
5
6
7
8
9
10
11
|
www.169it.com
$.ajax({ url:\'user!add.action?id=1\',
type:"POST",
cache : false,
dataType : "json",
data : {activityId:activityId.val()},
success:function(data) {
alert("请求成功");
});
}
});
|
实例3：
button按钮在单击时激发jquery代码（里面有条件判断如果成功就让跳转页面，如果条件不满足就不让他跳转)
|
1
2
3
4
5
|
if(条件 == true){
document.location.href=目标url
}else{
alert("条件为满足");
} |
实例4:
通过ajax实现跳转:
|
1
2
3
4
5
6
7
|
$.ajax(function(){
type:"POST",
dataType:"json",
url:"default.aspx",//请求页面
data:"{id=1}",
complete:function(){location.href ="default.aspx"}//跳转页面
}) |