169it -->


 
当前位置:  Web服务器/前端>jquery

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

 
分享到:
    发布时间:2013-10-31  


    通过javascript库JQuery实现页面跳转功能代码的四段代码实例如下。实例1: $(function(){ var pn = $("#gotopagenum").val();//#gotopagenum是文本框的id属性 location.href = "NewList.aspx?pagenum="+pn;//location.href实现客户端页面的跳转 });实例2:实现跳转:...

通过javascript库JQuery实现页面跳转功能代码的四段代码实例如下。

实例1:

 $(function(){
 var pn = $("#gotopagenum").val();//#gotopagenum是文本框的id属性
 location.href = "NewList.aspx?pagenum="+pn;//location.href实现客户端页面的跳转
 });

实例2:

实现跳转:window.location = 'user!add.action?id=1';

如果需要ajax无刷新的异步请求:

$.ajax({
   url:'user!add.action?id=1',
   type:"POST",
   cache : false,
   dataType : "json",
   data : {activityId:activityId.val()},
   success:function(data) {
        alert("请求成功");
    });
   }
  });


实例3:

button按钮在单击时激发jquery代码(里面有条件判断如果成功就让跳转页面,如果条件不满足就不让他跳转)

if(条件 == true){
 document.location.href=目标url
}else{
 alert("条件为满足");
}


实例4:

通过ajax实现跳转:

$.ajax(function(){
type:"POST",
dataType:"json",
url:"default.aspx",//请求页面
data:"{id=1}",
complete:function(){location.href ="default.aspx"}//跳转页面
})


本类别最新文章推荐:


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2017,169IT.COM,E-mail:www_169it_com#163.com(请将#改为@)

浙ICP备11055608号


-->