JS中传递参数的几种不同方法比较


Posted in Javascript onJanuary 20, 2017

在进行网页开发时,与前台与后台数据进行交互是一个无法避免的问题,不同的业务需求有着不同的传递方式,下面是我在开发过程中用到过的几种传递方式,写出来与大家分享一下,由于经验不足,出现错误的地方欢迎大家指正。

1、通过window.location.href或者document.location.href进行传递,比如window.location.href="http://www.ewcar.net?name=sun&age=21";在这个例子中所携带的参数即为name和age,分别是sun和21,当然还可以加上锚点#,可以指定到页面的某一个位置。

2、通过Ajax进行数据的传递,格式如下:

$.ajax{
  type: "post",
  url: "test/index",
  dataType: json,
  data: $("#orderForm").serialize() ,
  success: function(d){
   alert(d.msg);
  }
  error:function(d){
   alert(d.error);
  }
 }

其中data即代表着要传递的数据

3、通过Ajax的post方法进行传递,格式如下:

$.post({
  "url", 
  $("#orderForm").serialize(),
  function(d){
   alert(d.msg);
  }
 });

理论上来说这也是属于Ajax方法,不过这个方法相对来说简单一点。

4、form表格中的action方法也可以传递数据,但是action方法相对来说传递的东西更为全面,可以跳到连接,也可以跳到文本、图片、视频等多媒体内容,action里面的链接和window.location携带参数的方法是一样的。

以上就是我用到过的传参方法,如果以后遇到新的方法再来更新。

希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
javascript 学习之旅 (1)
Feb 05 Javascript
js复制到剪切板的实例方法
Jun 28 Javascript
JavaScript自定义方法实现trim()、Ltrim()、Rtrim()的功能
Nov 03 Javascript
jQuery分别获取选中的复选框值的示例
Jun 17 Javascript
jQuery插件开发汇总
May 15 Javascript
JavaScript实现设计模式中的单例模式的一些技巧总结
May 17 Javascript
JavaScript常用代码书写规范的超全面总结
Sep 11 Javascript
Vue2.0 组件传值通讯的示例代码
Aug 01 Javascript
关于预加载InstantClick的问题解决方法
Sep 12 Javascript
vue组件父子间通信之综合练习(聊天室)
Nov 07 Javascript
JS替换字符串中指定位置的字符(多种方法)
May 28 Javascript
Ant Design Vue table中列超长显示...并加提示语的实例
Oct 31 Javascript
JS出现失效的情况总结
Jan 20 #Javascript
JSON 数据详解及实例代码分析
Jan 20 #Javascript
Angular ui.bootstrap.pagination分页
Jan 20 #Javascript
bootstrap中的 form表单属性role="form"的作用详解
Jan 20 #Javascript
javascript容错处理代码(屏蔽js错误)
Jan 20 #Javascript
关于AngularJs数据的本地存储详解
Jan 20 #Javascript
html5 canvas 详细使用教程
Jan 20 #Javascript
You might like
帅气的琦玉老师
2020/03/02 日漫
WINDOWS下php5.2.4+mysql6.0+apache2.2.4+ZendOptimizer-3.3.0配置
2008/03/28 PHP
PHP 查找字符串常用函数介绍
2012/06/07 PHP
深入探讨:PHP使用数据库永久连接方式操作MySQL的是与非
2013/06/05 PHP
兼容PHP和Java的des加密解密代码分享
2014/06/26 PHP
[原创]php token使用与验证示例【测试可用】
2017/08/30 PHP
PHP中register_shutdown_function函数的基础介绍与用法详解
2017/11/28 PHP
php中yii框架实例用法
2020/12/22 PHP
js中的push和join方法使用介绍
2013/10/08 Javascript
当达到输入长度时表单自动切换焦点
2014/04/06 Javascript
js日期范围初始化得到前一个月日期的方法
2015/05/05 Javascript
js实现html table 行,列锁定的简单实例
2016/10/13 Javascript
原生JavaScript来实现对dom元素class的操作方法(推荐)
2017/08/16 Javascript
详解JS中统计函数执行次数与执行时间
2018/09/04 Javascript
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
2021/01/30 Javascript
vue项目前端知识点整理【收藏】
2019/05/13 Javascript
js判断鼠标移入移出方向的方法
2020/06/24 Javascript
[08:53]DOTA2-DPC中国联赛 正赛 PSG.LGD vs LBZS 选手采访
2021/03/11 DOTA
python采用requests库模拟登录和抓取数据的简单示例
2014/07/05 Python
Python实现发送email的几种常用方法
2014/08/18 Python
详解Python中的文件操作
2016/08/28 Python
NumPy 如何生成多维数组的方法
2018/02/05 Python
django与vue的完美结合_实现前后端的分离开发之后在整合的方法
2019/08/12 Python
Python使用scipy模块实现一维卷积运算示例
2019/09/05 Python
django使用graphql的实例
2020/09/02 Python
python获取命令行参数实例方法讲解
2020/11/02 Python
matplotlib 使用 plt.savefig() 输出图片去除旁边的空白区域
2021/01/05 Python
高中打架检讨书
2014/02/13 职场文书
个人借款担保书
2014/04/02 职场文书
应届毕业生求职信范文
2014/05/08 职场文书
乡镇党员干部四风对照检查材料思想汇报
2014/09/27 职场文书
国庆节慰问信
2015/02/15 职场文书
小兵张嘎电影观后感
2015/06/03 职场文书
总结会主持词
2015/07/02 职场文书
运动会加油稿
2015/07/22 职场文书
浅谈移动端中的视口(viewport)的具体使用
2021/04/13 HTML / CSS