通过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

$.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: "index.php" , //请求页面 data: "{id=1}" , complete: function (){location.href = "http://www.169it.com" } //跳转页面 })

转载于:https://www.cnblogs.com/besty/p/3913693.html