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 相关文章推荐
jquery如何把参数列严格转换成数组实现思路
Apr 01 Javascript
JavaScript中的继承方式详解
Feb 11 Javascript
Javascript表单特效之十大常用原理性样例代码大总结
Jul 12 Javascript
总结Javascript中数组各种去重的方法
Oct 04 Javascript
js实现文本上下来回滚动
Feb 03 Javascript
解决JQuery全选/反选第二次失效的问题
Oct 11 jQuery
vue-router配合ElementUI实现导航的实例
Feb 11 Javascript
用WebStorm进行Angularjs 2开发(环境篇:Windows 10,Angular-cli方式)
Dec 05 Javascript
Vue中的验证登录状态的实现方法
Mar 09 Javascript
VUE 自定义组件模板的方法详解
Aug 30 Javascript
何时/使用 Vue3 render 函数的教程详解
Jul 25 Javascript
vue 使用原生组件上传图片的实例
Sep 08 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桌面中心(一) 创建数据库
2007/03/11 PHP
PHP5与MySQL数据库操作常用代码 收集
2010/03/21 PHP
Joomla使用Apache重写模式的方法
2016/05/04 PHP
超强多功能php绿色集成环境详解
2017/01/25 PHP
怎么让脚本或里面的函数在所有图片都载入完毕的时候执行
2006/10/17 Javascript
Javascript实现的鼠标经过时播放声音
2010/05/18 Javascript
JavaScript中Function详解
2015/02/27 Javascript
JQuery鼠标移到小图显示大图效果的方法
2015/06/10 Javascript
jQuery实现点击小图片淡入淡出显示大图片特效
2015/09/09 Javascript
MVC Ajax Helper或Jquery异步加载部分视图
2015/11/29 Javascript
理解JavaScript中Promise的使用
2016/01/18 Javascript
JavaScript+html5 canvas制作色彩斑斓的正方形效果
2016/01/27 Javascript
js仿手机页面文件下拉刷新效果
2016/10/14 Javascript
Node.JS中快速扫描端口并发现局域网内的Web服务器地址(80)
2017/09/18 Javascript
浅谈vue中慎用style的scoped属性
2017/11/28 Javascript
解决betterScroll在vue中存在图片时,出现拉不动的问题
2018/09/27 Javascript
详解vue如何使用rules对表单字段进行校验
2018/10/17 Javascript
JQuery Ajax跨域调用和非跨域调用问题实例分析
2019/04/16 jQuery
Vue使用JSEncrypt实现rsa加密及挂载方法
2020/02/07 Javascript
element el-tree组件的动态加载、新增、更新节点的实现
2020/02/27 Javascript
Python显示进度条的方法
2014/09/20 Python
python实现udp数据报传输的方法
2014/09/26 Python
Python实现Windows和Linux之间互相传输文件(文件夹)的方法
2017/05/08 Python
Python Requests模拟登录实现图书馆座位自动预约
2018/04/27 Python
Python 普通最小二乘法(OLS)进行多项式拟合的方法
2018/12/29 Python
python简单贪吃蛇开发
2019/01/28 Python
Html5 webRTC简单实现视频调用的示例代码
2020/09/23 HTML / CSS
大二学生职业生涯规划书
2014/02/05 职场文书
尊老爱亲美德少年事迹材料
2014/08/14 职场文书
企业优秀团员事迹材料
2014/08/20 职场文书
前台接待员岗位职责
2015/04/15 职场文书
2016年校园植树节广播稿
2015/12/17 职场文书
企业团队精神心得体会
2016/01/19 职场文书
班干部竞选演讲稿(精选5篇)
2019/09/24 职场文书
【海涛教你打DOTA】死灵飞龙第一视角解说
2022/04/01 DOTA
pt-archiver 主键自增
2022/04/26 MySQL