Javascript中獲取GET請求中的參數是我們經常需要用到的一個功能,下面我就來一步步的為大家講解這個實現過程。
首先,我們需要獲取當前URL中所有的參數。在Javascript中我們可以通過location對象的屬性href、search來獲取當前URL,search屬性就是指參數部分,包括‘?’后面的所有內容。
window.location.href; // http://localhost:3000/?name=張三&age=18&sex=男 window.location.search; // ?name=張三&age=18&sex=男
然后,我們需要將參數字符串轉換成key-value形式的形式。我們可以用正則表達式來進行匹配,匹配到‘?’后面所有的參數,然后通過split方法進行切割,按‘&’分割每個參數,再按‘=’獲取key、value值。
function getQueryVariable(variable) { var query = window.location.search.substring(1); // 獲取參數字符串,去掉‘?’ var vars = query.split("&"); // 按 ‘&’ 分割每個參數 for (var i=0;i以上代碼實現的功能是獲取URL中指定參數的value值,如果該參數不存在則返回false。
下面我們來看一個實際應用的例子,假設我們有一個新聞列表頁,每條新聞都有一個鏈接跳轉到詳情頁面,在新聞列表頁中我們需要傳遞新聞id參數到跳轉頁面,如下所示:
新聞標題新聞標題新聞標題......實際應用中,我們需要獲取每條新聞鏈接中的id參數,以便在跳轉頁面中獲取該新聞的具體信息。
var aList = document.getElementsByTagName('a'); for(var i=0; i以上代碼實現的功能是將新聞列表頁中的每條新聞鏈接中的id參數添加到鏈接中,以便在跳轉頁面中獲取該新聞的具體信息。
總之,Javascript中獲取GET請求中的參數是一個非常常用的功能,掌握這個技能可以為我們提供很大的幫助。