在工作中遇到页面局部加载另一个页面,需要向加载的页面中传参数,直接使用jQuery中的load方法。
load方法中使用了url和data参数:load(url, [data],);
跳转刷新页面后始终拿不到参数,花了很久发现,该方法只使用url参数时,使用get方式提交,一旦加入data参数,使用post提交,由于我加载的页面是html静态页面,post方式无法获取值。于是把方法改成
load(url, [callback]);
url在使用前先合成进要传入的参数,再回调函数中把参数存到加载的静态页面中,这样在跳转的页面中就能获取参数了。
下面是代码片段;
$(".btn").click(function () {
//获取本页要往加载也传递的参数
var id = $(this).parents("tr").find("td:nth-child(1)").text(); var url = "/releaseRecruit.html?id="+id; //在回调函数中,把recruitid存放到页面中 $("#pageshow").load(url,function () {//把参数存到加载页中 $("#paramid").val(id);
});
});