在前端開發(fā)中,有時候需要在頁面之間進行參數(shù)傳遞,jquery中的location對象可以方便地實現(xiàn)這個功能。
使用location傳值的一般流程如下:
//獲取當(dāng)前頁面的URL地址 var url = window.location.href; //在URL后拼接傳遞的參數(shù) url += '?name=Tom&age=18'; //跳轉(zhuǎn)到新頁面 window.location.href = url;
上述代碼中使用了location的href屬性,該屬性表示當(dāng)前頁面的URL地址。通過拼接參數(shù)后,重新設(shè)定href屬性的值,即可實現(xiàn)跳轉(zhuǎn)到新頁面并同時傳遞參數(shù)。
在新頁面中獲取傳遞的參數(shù)也十分簡單,只需要使用location的search屬性即可:
//獲取URL中的參數(shù)字符串 var search = window.location.search; //解析參數(shù)字符串為對象 var params = {}; if (search) { var searchArr = search.slice(1).split('&'); searchArr.forEach(function (item) { var kvArr = item.split('='); params[kvArr[0]] = kvArr[1]; }); } //獲取name和age參數(shù)的值 var name = params.name; var age = params.age;
上述代碼中使用了location的search屬性,該屬性表示URL中問號后的參數(shù)字符串。我們將參數(shù)字符串解析為對象,再根據(jù)需要獲取對應(yīng)的參數(shù)值。
總的來說,jquery的location對象方便地實現(xiàn)了前端頁面間的參數(shù)傳遞,極大地方便了前端開發(fā)的工作。