通過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:"default.aspx",//請求頁面
data:"{id=1}",
complete:function(){location.href ="default.aspx"}//跳轉頁面
})
|
每日一題：筆面霸養成
在嚴格模式('use strict')下進行 JavaScript 開發有神馬好處？
上回答案：IIFE 有兩個比較經典的使用場景，一是類似于在循環中定時輸出數據項，二是類似于 JQuery/Node 的插件和模塊開發。
|
1
2
3
4
5
|
for(var i = 0; i < 5; i++) {
setTimeout(function() {
console.log(i);
}, 1000);
}
|
上面的輸出并不是你以為的0，1，2，3，4，而輸出的全部是5，這時 IIFE 就能有用了：
|
1
2
3
4
5
6
7
|
for(var i = 0; i < 5; i++) {
(function(i) {
setTimeout(function() {
console.log(i);
}, 1000);
})(i)
}
|
而在 JQuery/Node 的插件和模塊開發中，為避免變量污染，也是一個大大的 IIFE：
|
1
2
3
|
(function($) {
//代碼
} )(jQuery);
|
掃一掃 加微信咨詢
