用jQuery将JavaScript对象转换为querystring查询字符串的方法


Posted in jQuery onNovember 12, 2018

在get方式的参数传递中,常常需要将JavaScript对象,转换成查询字符串,比如:

{ method: 'get', state: '200' }

会转换成

?method=get&state=200

方法1:用JavaScript

serialize = function(obj) {
 var str = [];
 for (var p in obj)
  if (obj.hasOwnProperty(p)) {
   str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
  }
 return str.join("&");
}
console.log(serialize({
 foo: "hi there",
 bar: "100%"
}));

输出:

// foo=hi%20there&bar=100%25

方法2: 用jQuery插件

jQuery的$.param内置此方法,可直接使用:

var data = { method: 'get', state: '200' }
var send = $.param(data)
console.log(send)
// method=get&state=200

jQuery 的get方法会默认使用 $.param 转换的参数:

$.get('/test', { a: 1, b: 1}) 
> GET http://ourjs.com/test?a=1&b=1 404 (Not Found)

总结

以上所述是小编给大家介绍的用jQuery将JavaScript对象转换为querystring查询字符串的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

jQuery 相关文章推荐
jQuery自定义图片上传插件实例代码
Apr 04 jQuery
jQuery实现jQuery-form.js实现异步上传文件
Apr 28 jQuery
jQuery制作全屏宽度固定高度轮播图(实例讲解)
Jul 08 jQuery
jQuery Form插件使用详解_动力节点Java学院整理
Jul 17 jQuery
详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css
Nov 08 jQuery
jQuery实现的卷帘门滑入滑出效果【案例】
Feb 18 jQuery
jquery实现动态改变css样式的方法分析
May 27 jQuery
jQuery操作cookie的示例代码
Jun 05 jQuery
jQuery位置选择器用法实例分析
Jun 28 jQuery
Jquery实现获取子元素的方法分析
Aug 24 jQuery
jquery自定义组件实例详解
Dec 31 jQuery
jquery实现穿梭框功能
Jan 19 jQuery
Jquery和CSS实现选择框重置按钮功能
Nov 08 #jQuery
jQuery+PHP实现上传裁剪图片
Jun 29 #jQuery
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
Oct 26 #jQuery
jquery使用FormData实现异步上传文件
Oct 25 #jQuery
jQuery+Datatables实现表格批量删除功能【推荐】
Oct 24 #jQuery
jQuery pagination分页示例详解
Oct 23 #jQuery
jquery.pagination.js分页使用教程
Oct 23 #jQuery
You might like
PHP中文分词 自动获取关键词介绍
2012/11/13 PHP
两级联动select刷新后其值保持不变的实现方法
2014/01/27 PHP
手把手编写PHP框架 深入了解MVC运行流程
2016/09/19 PHP
javascript脚本调试方法小结
2008/11/24 Javascript
仅用[]()+!等符号就足以实现几乎任意Javascript代码
2010/03/01 Javascript
导入extjs、jquery 文件时$使用冲突问题解决方法
2014/01/14 Javascript
js获取会话框prompt的返回值的方法
2015/01/10 Javascript
Node.js node-schedule定时任务隔多少分钟执行一次的方法
2015/02/10 Javascript
盘点javascript 正则表达式中 中括号的【坑】
2016/03/16 Javascript
JS onkeypress兼容性写法详解
2016/04/27 Javascript
Vue.js报错Failed to resolve filter问题的解决方法
2016/05/25 Javascript
浅谈js中对象的使用
2016/08/11 Javascript
javascript九宫格图片随机打乱位置的实现方法
2017/03/15 Javascript
underscore之function_动力节点Java学院整理
2017/07/11 Javascript
使用vue开发移动端管理后台的注意事项
2019/03/07 Javascript
JS中的算法与数据结构之集合(Set)实例详解
2019/08/20 Javascript
微信小程序 云开发模糊查询实现解析
2019/09/02 Javascript
[01:50]WODOTA制作 DOTA2中文宣传片《HERO》
2013/04/28 DOTA
python获取指定目录下所有文件名列表的方法
2015/05/20 Python
在Django中限制已登录用户的访问的方法
2015/07/23 Python
Python zip()函数用法实例分析
2018/03/17 Python
Python将list中的string批量转化成int/float的方法
2018/06/26 Python
python 读取修改pcap包的例子
2019/07/23 Python
Django配置文件代码说明
2019/12/04 Python
Pytorch Tensor基本数学运算详解
2019/12/30 Python
mac在matplotlib中显示中文的操作方法
2020/03/06 Python
Keras中的多分类损失函数用法categorical_crossentropy
2020/06/11 Python
python实现发送QQ邮件(可加附件)
2020/12/23 Python
python爬虫智能翻页批量下载文件的实例详解
2021/02/02 Python
html5教程画矩形代码分享
2013/12/04 HTML / CSS
高一数学教学反思
2014/02/07 职场文书
道路建设实施方案
2014/03/18 职场文书
项目经理任命书内容
2014/06/06 职场文书
见习报告的格式
2014/11/04 职场文书
2015年药店店长工作总结
2015/04/29 职场文书
农民工工资保障承诺书
2015/05/04 职场文书