JS中传递参数的几种不同方法比较
更新时间：2017年01月20日 16:32:48 作者：前端菜鸟进阶中
本篇文章主要介绍了JS中传递参数的几种不同方法。具有一定的参考价值，下面跟着小编一起来看下吧
在进行网页开发时，与前台与后台数据进行交互是一个无法避免的问题，不同的业务需求有着不同的传递方式，下面是我在开发过程中用到过的几种传递方式，写出来与大家分享一下，由于经验不足，出现错误的地方欢迎大家指正。
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携带参数的方法是一样的。
以上就是我用到过的传参方法，如果以后遇到新的方法再来更新。
希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
详解JS中的this、apply、call、bind(经典面试题)
JS中的this、apply、call、bind是一道经典面试题，最好还是了解一下 this 的指向和 call、apply、bind 三者的区别。下面就跟随脚本之家小编一起学习this、apply、call、bind的知识吧2017-09-09
计时器提供了一 个可以将代码片段异步延时执行的能力，javascript生来是单线程的（在一定时间范围内仅一部分js代码能运行），计时器为我们提供了一种避开这种 限制的方法，从而开辟了另一条执行代码的蹊径。2015-07-07
根据user-agent判断蜘蛛代码黑帽跳转代码(js版与php版本)
这篇文章主要介绍了根据user-agent判断蜘蛛代码黑帽跳转代码(js版与php版本),需要的朋友可以参考下2015-09-09
这篇文章主要介绍了微信小程序实现蒙版弹出窗功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-09-09
实例分析JS中的相等性判断===、 ==和Object.is()
这篇文章主要给大家介绍了关于JS中相等性判断===、 ==和Object.is()的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用JS具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-11-11
这篇文章主要为大家详细介绍了微信小程序自定义Dialog弹框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
本篇文章主要是对JS中表单的使用进行了详细的总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
elemetUi 组件--el-upload实现上传Excel文件的实例
这篇文章主要介绍了elemetUi 组件--el-upload实现上传Excel文件的实例的相关资料,希望通过本文大家能够实现这样的功能，需要的朋友可以参考下2017-10-10
这篇文章主要为大家详细介绍了JavaScript实现进度条效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
这篇文章主要介绍了微信小程序数字滚动插件的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-02-02
最新评论