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


Posted in Javascript onSeptember 01, 2014

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

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

通过url传参

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

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

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

这个写起来太多,给你JQUERY的

<div id="a"></div>
$("#a").load("b.html?id=100");
//或者
$.get("b.html?id=100",function(data){
$("#a").html(data);
})

还有POST方法,这里就不一一罗列了

Javascript 相关文章推荐
jQuery第三课 修改元素属性及内容的代码
Mar 14 Javascript
addEventListener 的用法示例介绍
May 07 Javascript
网页前端登录js按Enter回车键实现登陆的两种方法
May 10 Javascript
Javascript基础_标记文字的实现方法
Jun 14 Javascript
js HTML5多图片上传及预览实例解析(不含前端的文件分割)
Aug 26 Javascript
超详细的JS弹出窗口代码大全
Apr 18 Javascript
利用VUE框架,实现列表分页功能示例代码
Jan 12 Javascript
jquery replace方法去空格
May 08 jQuery
jQuery导航条固定定位效果实例代码
May 26 jQuery
vue路由前进后退动画效果的实现代码
Dec 10 Javascript
使用Angular Cli如何创建Angular私有库详解
Jan 30 Javascript
详解将微信小程序接口Promise化并使用async函数
Aug 05 Javascript
用jquery实现动画跳到顶部和底部(这个比较简单)
Sep 01 #Javascript
Javascript让DEDECMS告别手写Tag
Sep 01 #Javascript
通过JS来动态的修改url,实现对url的增删查改
Sep 01 #Javascript
一个不错的仿携程自定义数据下拉选择select
Sep 01 #Javascript
原生javascript实现拖动元素示例代码
Sep 01 #Javascript
使用text方法获取Html元素文本信息示例
Sep 01 #Javascript
textarea不能通过maxlength属性来限制字数的解决方法
Sep 01 #Javascript
You might like
海贼王动画变成“真人”后,凯多神还原,雷利太帅了!
2020/04/09 日漫
PHP程序漏洞产生的原因分析与防范方法说明
2014/03/06 PHP
PHP抽奖算法程序代码分享
2015/10/08 PHP
javascript ie6兼容position:fixed实现思路
2013/04/01 Javascript
仿百度输入框智能提示的js代码
2013/08/22 Javascript
ie下$.getJSON出现问题的解决方法
2014/02/12 Javascript
jquery学习总结(超级详细)
2014/09/04 Javascript
一篇文章掌握RequireJS常用知识
2016/01/26 Javascript
jQuery实现带延时功能的水平多级菜单效果【附demo源码下载】
2016/09/21 Javascript
js自定义QQ菜单效果
2017/01/10 Javascript
vue2.0父子组件间通信的实现方法
2017/04/19 Javascript
老生常谈Bootstrap媒体对象
2017/07/06 Javascript
JavaScript创建对象的七种方式全面总结
2017/08/21 Javascript
JavaScript实现离开页面前提示功能【附jQuery实现方法】
2017/09/26 jQuery
详解vue-router导航守卫
2019/01/19 Javascript
详解Vue前端生产环境发布配置实战篇
2019/05/07 Javascript
小程序input数据双向绑定实现方法
2019/10/17 Javascript
微信小程序实现上传多张图片、删除图片
2020/07/29 Javascript
[07:57]DOTA2热力大趴狂欢夜 广州站活动回顾
2013/11/27 DOTA
[02:43]DOTA2英雄基础教程 德鲁伊
2014/01/13 DOTA
[04:49]期待西雅图之战 2016国际邀请赛中国区预选赛WINGS战队赛后采访
2016/06/29 DOTA
python网络编程学习笔记(六):Web客户端访问
2014/06/09 Python
在Python中处理时间之clock()方法的使用
2015/05/22 Python
基于python爬虫数据处理(详解)
2017/06/10 Python
Python实现E-Mail收集插件实例教程
2019/02/06 Python
Python基础教程之if判断,while循环,循环嵌套
2019/04/25 Python
Python3 使用map()批量的转换数据类型,如str转float的实现
2019/11/29 Python
Python 通过监听端口实现唯一脚本运行方式
2020/05/05 Python
亚洲颇具影响力的男性在线购物零售商:His
2019/11/24 全球购物
咖啡店创业计划书
2014/08/15 职场文书
三年级上册科学教学计划
2015/01/21 职场文书
爱护环境卫生倡议书
2015/04/29 职场文书
《钓鱼的启示》教学反思
2016/02/18 职场文书
Django与数据库交互的实现
2021/06/03 Python
解析目标检测之IoU
2021/06/26 Python
在 HTML 页面中使用 React的场景分析
2022/01/18 Javascript