码迷,mamicode.com
首页 > 编程语言 > 详细

通过javascript库JQuery实现页面跳转功能代码

时间:2014-08-19 14:20:14      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:style   http   color   java   os   io   strong   ar   

通过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"}//跳转页面
})

 


本文来源:通过javascript库JQuery实现页面跳转功能代码

通过javascript库JQuery实现页面跳转功能代码,布布扣,bubuko.com

通过javascript库JQuery实现页面跳转功能代码

标签:style   http   color   java   os   io   strong   ar   

原文地址:http://www.cnblogs.com/besty/p/3921915.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!