ajax - 一个页面怎么用另一个页面传过来的东西啊?

查看:118
本文介绍了ajax - 一个页面怎么用另一个页面传过来的东西啊?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

我有一个 a页面和一个b页面 我想用a页面 向 b页面发送一段文字 并在b页面上把这段文字显示出来 该怎么写啊?

解决方案

如果你想让人知道你发送了啥,可以在a页面跳转到b页面时候在URL中带参数,在b页面正则解析就可以,具体可以看看location.href的用法;另外你可以使用本地存储的方式,cookie、sessionStorage和localStorage。
具体代码如下:

方式1:

a页面:
window.location.href="html/news.html?id="+target.id;
b页面:
//获取url中的参数
jQuery.getUrlParam = function (name) {
     var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
     var r = window.location.search.substr(1).match(reg);
     if (r != null) return unescape(r[2]); return null;
}                
//获取pageID
var pageID = $.getUrlParam('id');

方式2:

a页面:
localStorage.setItem("text","我是一段文字");
b页面:
localStorage.getItem("text");

推荐第二种方法,写完了发现你问题好像是现实出来,可以找到b页面的dom节点然后显示出来的,比如:

<div id="text"></div>

<script>
var text = localStorage.getItem("text");
document.getElementById("text").innerHTML = text;
</script>

这篇关于ajax - 一个页面怎么用另一个页面传过来的东西啊?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆