先形貌一下需求情形
有一个天生节日贺卡的页面,a页面末了部份用来填写用户名和贺卡内容,点击提交按钮跳转到贺卡页面b,b页面显现的就是a页面填写的内容和用户名。(a页面和b页面是没有跨域的…)
一开始我只想到用ajax提交数据来完成,不过一想,是直接提交到b页面吗?一时之间,我也不知道该怎样举行页面跳转之间的数据通报。百度好久,终究看到window.name
这个要领。
ps:本日谷歌返来了吗? 并没有
完成历程
a页面中表单提交的要领:
$("#submit").click(function(){
var nickname = $("#nickname").val(); //猎取填写的用户名
var message = $("#message").val(); //猎取填写的贺卡内容
var jsonData = {"nickname":nickname,"message":message}; //转化为json花样
window.name = JSON.stringify(jsonData); //window.name只接收字符串花样,所以须要把json转换一下
window.location = "b.html"; //跳转到b页面
}
b页面中猎取数据的要领:
var jsonData = JSON.parse(window.name); //将window.name转化为json对象
$(".signame").text(jsonData.nickname); //添补数据
$(".message").text(jsonData.message); //添补数据
如许就完成了,挺简朴的吧.
固然由于我这个需求并不请求跨域,所以能够如许用。、
假如你的需求须要跨域的话,能够就不能如许简朴的使用了。
参考文章: