用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
jquery 校验中国身份证号码实例详解
Apr 11 jQuery
使用jQuery,Angular实现登录界面验证码详解
Apr 27 jQuery
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
May 13 jQuery
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
Jul 05 jQuery
jQuery Position方法使用和兼容性
Aug 23 jQuery
JQuery EasyUI 结合ztrIee的后台页面开发实例
Sep 01 jQuery
jQuery实现表单动态加减、ajax表单提交功能
Jun 08 jQuery
jquery实现动态改变css样式的方法分析
May 27 jQuery
JQuery事件委托(适用于给动态生成的脚本元素添加事件)
Feb 01 jQuery
Jquery滑动门/tab切换实现方法完整示例
Jun 05 jQuery
jQuery实现电梯导航模块
Dec 22 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中的字符串函数
2006/11/24 PHP
mysql_fetch_row,mysql_fetch_array,mysql_fetch_assoc的区别
2009/04/24 PHP
PHP简洁函数(PHP简单明了函数语法)
2012/06/10 PHP
php中拷贝构造函数、赋值运算符重载
2012/07/25 PHP
Php output buffering缓存及程序缓存深入解析
2013/07/15 PHP
php实现zip文件解压操作
2015/11/03 PHP
Add Formatted Data to a Spreadsheet
2007/06/12 Javascript
JQuery获取各种宽度、高度(format函数)实例
2013/03/04 Javascript
JavaScript?Apple设备检测示例代码
2013/11/15 Javascript
js 数组去重的四种实用方法
2014/09/09 Javascript
JavaScript程序开发之JS代码放置的位置
2016/01/15 Javascript
jQuery遍历DOM节点操作之filter()方法详解
2016/04/14 Javascript
微信小程序实现折叠展开效果
2018/07/19 Javascript
JavaScript中变量提升与函数提升经典实例分析
2018/07/26 Javascript
图解javascript作用域链
2019/05/27 Javascript
[45:32]Liquid vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
Python中集合类型(set)学习小结
2015/01/28 Python
python统计cpu利用率的方法
2015/06/02 Python
详解python上传文件和字符到PHP服务器
2017/11/24 Python
python @property的用法及含义全面解析
2018/02/01 Python
python下解压缩zip文件并删除文件的实例
2018/04/24 Python
Python中修改字符串的四种方法
2018/11/02 Python
Python英文文本分词(无空格)模块wordninja的使用实例
2019/02/20 Python
python使用threading.Condition交替打印两个字符
2019/05/07 Python
Python使用MyQR制作专属动态彩色二维码功能
2019/06/04 Python
python tkinter库实现气泡屏保和锁屏
2019/07/29 Python
基于MUI框架使用HTML5实现的二维码扫描功能
2018/03/01 HTML / CSS
英国最大的高品质珠宝和手表专家:Goldsmiths
2017/03/11 全球购物
艺龙旅行网酒店预订:国内、港澳台酒店
2018/06/26 全球购物
波兰在线杂货店:Polski Koszyk
2019/11/02 全球购物
俄罗斯披萨、寿司和面食送货到家服务:2 Берега
2019/12/15 全球购物
如何实现jdbc性能优化
2012/07/30 面试题
考博专家推荐信
2014/05/10 职场文书
2015年监理工作总结范文
2015/04/07 职场文书
2016个人先进事迹材料范文
2016/03/01 职场文书
Redis基于Bitmap实现用户签到功能
2021/06/20 Redis