JS中传递参数的几种不同方法比较
2017-01-20 16:32
549 查看
在进行网页开发时,与前台与后台数据进行交互是一个无法避免的问题,不同的业务需求有着不同的传递方式,下面是我在开发过程中用到过的几种传递方式,写出来与大家分享一下,由于经验不足,出现错误的地方欢迎大家指正。
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携带参数的方法是一样的。
以上就是我用到过的传参方法,如果以后遇到新的方法再来更新。
希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!
您可能感兴趣的文章:
相关文章推荐
- asp.net页面参数传递几种方法的比较 (转载)
- Asp.net页面之间传递参数的几种方法
- js提取url参数的几种方法。(搜集)
- Asp.net页面之间传递参数的几种方法
- ASP.NET页面之间传递参数的几种方法荟萃(转)
- 页面之间传递参数得几种方法
- 参数传递的几种方法
- js获取url参数的几种方法
- 页面之间传递参数的几种方法荟萃
- js的request方法,对“获取静态文件传递参数的函数” 进行了优化
- Asp.net页面之间传递参数的几种方法荟萃
- Asp.net页面之间传递参数的几种方法荟萃
- 跨页传递参数或临时表的几种方法
- 利用js方法实现html静态页面间参数传递
- BASE64-客户端(js)加码-服务器端(c#)解码,URL传递“汉字参数”解决方法。
- Asp.net页面之间传递参数的几种方法
- Asp.net页面之间传递参数的几种方法荟萃
- Asp.net页面之间传递参数的几种方法
- 页面之间传递参数的几种方法荟萃
- Asp.net页面之间传递参数的几种方法