用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实现字体颜色渐变效果的方法
Mar 29 jQuery
Vue.js列表渲染绑定jQuery插件的正确姿势
Jun 29 jQuery
jQuery修改DOM结构_动力节点Java学院整理
Jul 05 jQuery
jQuery选择器之子元素过滤选择器
Sep 28 jQuery
jQuery中的$是什么意思及 $. 和 $().的区别
Apr 20 jQuery
jQuery动态移除与增加onclick属性的方法详解
Jun 07 jQuery
jquery ajax加载数据前台渲染方式 不用for遍历的方法
Aug 09 jQuery
jquery获取select选中值的文本,并赋值给另一个输入框的方法
Aug 21 jQuery
jQuery解析json格式数据示例
Sep 01 jQuery
使用jQuery动态设置单选框的选中效果
Dec 06 jQuery
JQuery animate动画应用示例
May 14 jQuery
基于jquery ajax的多文件上传进度条过程解析
Sep 11 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
类的另类用法--数据的封装
2006/10/09 PHP
windows环境下php配置memcache的具体操作步骤
2013/06/09 PHP
如何在Ubuntu下启动Apache的Rewrite功能
2013/07/05 PHP
php Session存储到Redis的方法
2013/11/04 PHP
删除html标签得到纯文本可处理嵌套的标签
2014/04/28 PHP
PHP调用接口用post方法传送json数据的实例
2018/05/31 PHP
JavaScript CSS 修改学习第四章 透明度设置
2010/02/19 Javascript
js操作时间(年-月-日 时-分-秒 星期几)
2010/06/20 Javascript
JavaScript中的property和attribute介绍
2011/12/26 Javascript
file模式访问网页时iframe高度自适应解决方案
2013/01/16 Javascript
表单元素与非表单元素刷新区别详细解析
2013/11/06 Javascript
在页面中js获取光标/鼠标的坐标及光标的像素坐标
2013/11/11 Javascript
js中的for如何实现foreach中的遍历
2014/05/31 Javascript
jQuery经过一段时间自动隐藏指定元素的方法
2015/03/17 Javascript
微信小程序保存多张图片的实现方法
2019/03/05 Javascript
vue3.0中的双向数据绑定方法及优缺点
2019/08/01 Javascript
[01:15:45]DOTA2上海特级锦标赛B组小组赛#1 Alliance VS Spirit第一局
2016/02/26 DOTA
[33:19]完美世界DOTA2联赛PWL S2 PXG vs InkIce 第一场 11.26
2020/11/30 DOTA
深入理解Python中字典的键的使用
2015/08/19 Python
深入源码解析Python中的对象与类型
2015/12/11 Python
python如何实现反向迭代
2018/03/20 Python
python3+requests接口自动化session操作方法
2018/10/13 Python
Python实现简易过滤删除数字的方法小结
2019/01/09 Python
10 分钟快速入门 Python3的教程
2019/01/29 Python
python Django 反向访问器的外键冲突解决
2020/05/20 Python
凯特方迪化妆品官网:Kat Von D Beauty
2016/11/15 全球购物
介绍一下SQL注入攻击的种类和防范手段
2012/02/18 面试题
优秀党员主要事迹
2014/01/19 职场文书
《乡愁》教学反思
2014/02/18 职场文书
大学迎新晚会主持词
2014/03/24 职场文书
民事诉讼代理授权委托书范本
2014/10/08 职场文书
教师党员承诺书2015
2015/01/21 职场文书
主持稿开场白
2015/06/01 职场文书
律政俏佳人观后感
2015/06/09 职场文书
2016年企业安全生产月活动总结
2016/04/06 职场文书
一行Python命令实现批量加水印
2022/04/07 Python