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 setTimeout和setInterval 的区别
Dec 08 Javascript
Array.prototype.slice 使用扩展
Jun 09 Javascript
IE6下通过a标签点击切换图片的问题
Nov 14 Javascript
javascipt匹配单行和多行注释的正则表达式
Nov 20 Javascript
js调用浏览器打印模块实现点击按钮触发自定义函数
Mar 21 Javascript
在JavaScript中正确引用bind方法的应用
May 11 Javascript
BootStrap 表单控件之单选按钮水平排列
May 23 Javascript
Vue.js项目中管理每个页面的头部标签的两种方法
Jun 25 Javascript
在React项目中使用Eslint代码检查工具及常见问题
Oct 10 Javascript
Vue.js 中的 v-show 指令及用法详解
Nov 19 Javascript
JS typeof fn === 'function' && fn()详解
Aug 22 Javascript
解决Antd Table组件表头不对齐的问题
Oct 27 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
php面向对象全攻略 (八)重载新的方法
2009/09/30 PHP
php无限遍历文件夹示例分享
2014/03/04 PHP
PHP-Java-Bridge使用笔记
2014/09/22 PHP
使用jquery给input和textarea设定ie中的focus
2008/05/29 Javascript
JQuery自定义事件的应用 JQuery最佳实践
2010/08/01 Javascript
JQuery中each()的使用方法说明
2010/08/19 Javascript
extjs grid设置某列背景颜色和字体颜色的实现方法
2010/09/06 Javascript
JavaScript中的isXX系列是否继续使用的分析
2011/04/16 Javascript
12款经典的白富美型—jquery图片轮播插件—前端开发必备
2013/01/08 Javascript
如何使用jQuery Draggable和Droppable实现拖拽功能
2013/07/05 Javascript
jquery自定义类似$.ajax()的方法实现代码
2013/08/13 Javascript
js取值中form.all和不加all的区别介绍
2014/01/20 Javascript
jQuery插件pagination实现分页特效
2015/04/12 Javascript
Javascript通过overflow控制列表闭合与展开的方法
2015/05/15 Javascript
javascript背景时钟实现方法
2015/06/18 Javascript
jQuery实现的多级下拉菜单效果代码
2015/08/24 Javascript
DOM操作和jQuery实现选项移动操作的简单实例
2016/06/07 Javascript
Vue.js动态组件解析
2016/09/09 Javascript
Angular.js中下拉框实现渲染html的方法
2017/06/18 Javascript
H5+C3+JS实现五子棋游戏(AI篇)
2020/05/28 Javascript
NVM安装nodejs的方法实用步骤
2019/01/16 NodeJs
详解Element-UI中上传的文件前端处理
2019/08/07 Javascript
基于better-scroll 实现歌词联动功能的代码
2020/05/07 Javascript
Python使用matplotlib实现的图像读取、切割裁剪功能示例
2018/04/28 Python
logging level级别介绍
2020/02/21 Python
英国床垫在线:Mattress Online
2016/12/07 全球购物
Chemist Warehouse官方海外旗舰店:澳洲第一连锁大药房
2017/08/25 全球购物
教师的实习鉴定
2013/12/15 职场文书
决定成败的关键——创业计划书
2014/01/24 职场文书
2014年高一班主任工作总结
2014/12/05 职场文书
投资意向协议书
2015/01/29 职场文书
八达岭长城导游词
2015/01/30 职场文书
管理人员岗位职责
2015/02/14 职场文书
毕业生登记表班级意见
2015/06/05 职场文书
研究生毕业登记表的自我鉴定范文
2019/07/15 职场文书
Python安装及建立虚拟环境的完整步骤
2022/06/25 Servers