ajax怎么将数据传到另外一个页面,用js把数据从一个页面传到另一个页面

用js把数据从一个页面传到另一个页面的层里?

如果是传到新页面的话，你网站基于什么语言开发直接用get或者post获取，然后输出到这个层

通过url传参

如果是HTML页面的话JS传到新页面就window.location.href='a.html?id=100';然后a.html页面的JS就

document.getElementById("s").innerHTML=window.location.split('?')[1];

如果是想要实现AJAX在a页面传参数到b页面并且在a页面的层显示b页面执行参数的结果的话就用AJAX了

这个写起来太多，给你jQuery的

$("#a").load("b.html?id=100");

//或者

$.get("b.html?id=100",function(data){

$("#a").html(data);

})

本地存储sessionStorage 或 localStorage

html5的话可以用 sessionStorage 或 localStorage

很容易的

sessionStorage 是会话存储，关闭浏览器就没了

localStorage 是持久化存储，完全可以替代cookie 存储空间更大。

实现方法

存：sessionStorage["par1"]="123";

取：sessionStorage["par1"]

localStorage实现方法和sessionStorage一样

localStorage资料：http://www.iteye.com/magazines/62-html5-local-storage

JavaScript静态页面值传递之Cookie篇

Cookie是浏览器存储少量命名数据.

它与某个特定的网页或网站关联在一起.

Cookie用来给浏览器提供内存,

以便脚本和服务器程序可以在一个页面中使用另一个页面的输入数据.

参数传出页面Post.htm—>

function setCookie(name,value)

{

/*

*————— setCookie(name,value) —————–

* setCookie(name,value)

* 功能:设置得变量name的值

* 参数:name,字符串;value,字符串.

* 实例:setCookie(‘username’,’baobao’)

*————— setCookie(name,value) —————–

*/

var Days = 30; //此 cookie 将被保存 30 天

var exp　= new Date();

exp.setTime(exp.getTime() + Days*24*60*60*1000);

document.cookie = name + “=”+ escape (value) + “;expires=” + exp.toGMTString();

location.href = “Read.htm”; //接收页面.

}

参数接收页面Read.htm—>

function getCookie(name)

{

/*

*————— getCookie(name) —————–

* getCookie(name)

* 功能:取得变量name的值

* 参数:name,字符串.

* 实例:alert(getCookie(“baobao”));

*————— getCookie(name) —————–

*/

var arr = document.cookie.match(new RegExp(“(^| )”+name+”=([^;]*)(;|$)”));

if(arr !=null) return unescape(arr[2]); return null;

}

alert(getCookie(“baobao”));

优点:可以在同源内的任意网页内访问.生命期可以设置.

缺点:值长度有限制.

用js通过url传参把数据从一个页面传到另一个页面

好长时间没写博客了,时值五一,外面到处人山人海,本宝宝还是好好呆在家学习吧.好了,言归正传.在没有后台支持的情况下,如何实现从一个页面像另一个页面来传递数据呢?应该很多人遇到过这个问题吧.那我就来说说 ...

Flutter路由跳转父级页面向子页面传参及子页面向父级页面传参

Flutter中页面通过路由跳转传参主要分两种,一种是通过push()跳转时根据设定的参数进行传参,另一种是通过pop()返回时进行传参. 父级页面向子页面push()传参 假设从A页面跳到B页面可能 ...

父页面(JSP页面)传参数到子页面(JSP页面)

父页面(JSP页面)传参数到子页面(JSP页面) 1.父页面传参数到子页面 //JavaScript代码 $.ajax({ type:"POST", uri:"../st ...

js页面传参数时，参数值包含特殊字符的处理

js页面传参数时,参数值包含特殊字符应该怎么处理,解决方法就是利用js的escape函数,这个函数在解决中文乱码等方面应用的比较广泛.推荐使用. 工作中遇到的小问题,一个页面中通过window.sho ...

vue 给嵌套的iframe子页面传数据 postMessage

Vue组件下嵌套了一个不同域下的子页面,iframe子页面不能直接获取到父页面的数据,即使数据存在localStorage中,子页面一样是获取不到的,所以只好使用postMessage传数据: &lt ...

使用Jquery向一个空白网页动态创建一个iframe,及嵌入页面,和向嵌入页面传参

[csharp] view plaincopyprint?using Microsoft.VisualBasic; using System; using System.Collections; us ...

PHP——0128练习相关2——js点击button按钮跳转到另一个新页面

js点击button按钮跳转到另一个新页面 投稿:whsnow 字体:[增加 减小] 类型:转载 时间:2014-10-10我要评论 点击按钮怎么跳转到另外一个页面呢?点击图片要跳转到新的页面时,怎么 ...

js页面用定时任务通过AJAX获取后台数据，但是从这个页面跳转到其他页面后，定时任务仍然在定时请求后台

setInterval(function(){//ajax 请求后台数据},1000);这个是A页面的定时器然后我在A页面通过其他请求跳转到其他页面之后后台发现A页面的定时器的那个请求仍然在执行为什么 ...

js获取页面传过来的参数

//接收页面传过来的值 //RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i" ...

随机推荐

java怎么建立JAVA工程项目？

File->New->Java Project;src->New->Class; 出现packet,运行出错的问题 然后如果不要包packet 的话,不要在此处填写包的名称就行 ...

Java 集合深入理解(3)：Collection

点击查看 Java 集合框架深入理解 系列, - ( ゜- ゜)つロ 乾杯~ 今天心情有点粉,来学学 Collection 吧! 什么是集合? 集合,或者叫容器,是一个包含多个元素的对象: 集合可以对 ...

[转]Android事件分发机制完全解析，带你从源码的角度彻底理解(上)

Android事件分发机制 该篇文章出处:http://blog.csdn.net/guolin_blog/article/details/9097463 其实我一直准备写一篇关于Android事件分 ...

如何在django中使用多个数据库

http://blog.chinaunix.net/uid-16728139-id-4364343.html

C++智能指针(auro_ptr...)

写的很好,忍不住转了: 博文原址:http://blog.csdn.net/xt_xiaotian/article/details/5714477 一.简介 由于 C++ 语言没有自动内存回收机制,程 ...

8-过滤器Filter和监听器Listener

一.web监听器:监听特殊事件的发生1.监听实现步骤 a.写一个java类,实现特定的接口,重写相关方法 b.在web.xml中,牌配置

latex 字体大小设置

tex 设置字体大小命令由小到大依次为: \tiny \scriptsize \footnotesize \small \normalsize \large \Large \LARGE \huge \ ...

AP_创建标准发票后会计科目的变化(概念)

2014-06-04 Created By BaoXinjian 1. 创建Invoice,并查看所创建的科目

PyTorch Notes | PyTorch 编程实践笔记

[ 今天最开心的事情! ] PyTorch的stable版本更新为1.0之后,原本3D模型无脑out of memory.3D模型torch.backends.cudnn.benchmark必须Fal ...

Bugly集成指南

官网: https://bugly.qq.com/v2/,用QQ扫码登录即可 1.创建应用,获取APPID 2.自动集成 2.1 在Module的build.gradle文件中添加依赖和属性配置: d ...