使用ajax和html(不使用jsp跳转方法)的形式获取url后的参数?id=1
前言
我们在使用jsp跳转页面时,会将需要的参数传给controller层的方法,方法携带参数跳转页面
当我们写一个web项目只用到ajax传html时,在url后拼接的
?id=1&name=tom&age=18
就需要找到一个合适的方法传参数了。
1 使用一个方法截取"?"后面的参数
我们可以在需要获取id的页面使用下面的方法:
//需要获取到浏览器后面的id值,然后发送ajax请求给controller
function GetQueryString(name){
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);//search,查询?后面的参数,并匹配正则
if(r!=null)return unescape(r[2]); return null;
}
这样的话,比如我们之前穿的参数是?id=1&name=tom
那么,我们可以这样获取id:
var id = GetQueryString("id");
同样的,我们可以更改方法中的参数去获取name:
var id = GetQueryString("name");
下面是示意图
wait——————————————————————————————
2 还有一种,方法,添加一个localStorage
设置一个localStorage
使用下面的代码写入一个数据:
localStorage.setItem("id",1);
之后可以在另一个页面使用get获取数据。
塞值:
取值:
end——————————————————————————————