在使用jQuery開發(fā)網(wǎng)站時(shí),獲取頁面?zhèn)髦凳且豁?xiàng)非常重要的任務(wù)。通過jQuery可以實(shí)現(xiàn)快速獲取頁面?zhèn)髦挡⑦M(jìn)行操作。下面我們來看一下具體實(shí)現(xiàn)方法。
$(document).ready(function() { // 獲取URL中的參數(shù) var paraString = window.location.search.substring(1).split("&"); var paraObj = {}; for (i = 0; i < paraString.length; i++) { var j = paraString[i]; paraObj[j.substring(0, j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=") + 1, j.length); } // 獲取指定參數(shù)的值 var value = paraObj["param"]; // 在頁面中顯示參數(shù)值 $("#result").text(value); });
以上代碼是獲取URL中參數(shù)的通用方法,其中通過將URL字符串按照"?"和"&"進(jìn)行分割,獲取參數(shù)名和參數(shù)值,存放到一個(gè)數(shù)組中。最后使用jQuery的text()方法將指定參數(shù)的值顯示在頁面中。
下面是一個(gè)示例,假設(shè)我們的URL為"http://www.example.com/index.html?param=123",我們要獲取參數(shù)"param"的值:
$(document).ready(function() { var value = getParamByname("param"); $("#result").text(value); }); function getParamByname(name) { var paraString = window.location.search.substring(1).split("&"); var paraObj = {}; for (i = 0; i < paraString.length; i++) { var j = paraString[i]; paraObj[j.substring(0, j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=") + 1, j.length); } var returnValue = paraObj[name.toLowerCase()]; if (typeof (returnValue) == "undefined") { return ""; } else { return returnValue; } }
以上代碼在頁面加載時(shí)調(diào)用getParamByname方法,傳入?yún)?shù)名"param",獲取對應(yīng)的參數(shù)值,并將該值顯示在頁面中。
總結(jié):在jQuery開發(fā)中,通過獲取頁面?zhèn)髦悼梢詫?shí)現(xiàn)對網(wǎng)站內(nèi)容的動(dòng)態(tài)操作。我們可以通過獲取URL中的參數(shù),或者通過get和post方法,來獲取傳遞的參數(shù)并進(jìn)行相應(yīng)的處理。