• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > JS中传递参数的几种不同方法比较

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

作者:前端菜鸟进阶中 字体:[增加 减小] 来源:互联网 时间:2017-05-11

前端菜鸟进阶中通过本文主要向大家介绍了js传递参数,js跳转页面传递参数,js传递参数到php,js传递多个参数,js传递中文参数等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

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

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);
  }
 }
</div>

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

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

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

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

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

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

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

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 详解在Angularjs中ui-sref和$state.go如何传递参数
  • JS中传递参数的几种不同方法比较

相关文章

  • 2017-05-11详解jquery validate实现表单验证 (正则表达式)
  • 2017-05-11JS对象是否拥有某属性如何判断
  • 2017-05-11Vue获取DOM元素样式和样式更改示例
  • 2017-05-11js 博客内容进度插件详解
  • 2017-05-11JavaScript在form表单中使用button按钮实现submit提交方法
  • 2017-05-11Vue.js如何优雅的进行form validation
  • 2017-05-11详谈angularjs中路由页面强制更新的问题
  • 2017-05-11jQuery Validate 相关参数及常用的自定义验证规则
  • 2017-05-11jQuery实现三级联动效果
  • 2017-05-11浅谈键盘上回车按钮的js触发事件

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • javascript设计模式之中介者模式学习笔记
    • 利用node.js写一个爬取知乎妹纸图的小爬虫
    • AngularJS实现根据不同条件显示不同控件
    • Angular.js之作用域scope'@','=','&'实例详解
    • JavaScript实现定时页面跳转功能示例
    • 微信小程序 页面之间传参实例详解
    • nodejs基础应用
    • js转换对象为xml
    • 微信小程序实战之自定义toast(6)
    • Bootstrap DateTime Picker日历控件简单应用

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有