用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 21 jQuery
jQuery使用正则验证15/18身份证的方法示例
Apr 27 jQuery
各种选择框jQuery的选中方法(实例讲解)
Jun 27 jQuery
jquery对table做排序操作的实例演示
Aug 10 jQuery
jquery ajaxfileupload异步上传插件
Nov 21 jQuery
jquery+ajaxform+springboot控件实现数据更新功能
Jan 22 jQuery
jQuery实现使用sort方法对json数据排序的方法
Apr 17 jQuery
vue+jquery+lodash实现滑动时顶部悬浮固定效果
Apr 28 jQuery
jQuery实现图片上传预览效果功能完整实例【测试可用】
May 28 jQuery
jQuery中实现text()的方法
Apr 04 jQuery
jQuery操作cookie的示例代码
Jun 05 jQuery
jquery实现拖拽小方块效果
Dec 10 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常用的文件操作函数经典收藏
2013/04/02 PHP
PHP创建PowerPoint2007文档的方法
2015/12/10 PHP
PHP面向对象程序设计之对象克隆clone和魔术方法__clone()用法分析
2019/06/12 PHP
php实现记事本案例
2020/10/20 PHP
CL vs ForZe BO5 第一场 2.13
2021/03/10 DOTA
EXT中xtype的含义分析
2010/01/07 Javascript
jquery 圆形旋转图片滚动切换效果
2011/01/19 Javascript
Jquery绑定事件(bind和live的区别介绍)
2013/08/23 Javascript
JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)
2014/09/13 Javascript
jquery实现将获取的颜色值转换为十六进制形式的方法
2014/12/20 Javascript
JavaScript实现下拉菜单的显示和隐藏
2016/01/05 Javascript
莱鸟介绍javascript onclick事件
2016/01/06 Javascript
详解微信小程序——自定义圆形进度条
2016/12/29 Javascript
javascript实现一个网页加载进度loading
2017/01/04 Javascript
详解VUE中v-bind的基本用法
2017/07/13 Javascript
微信小程序实现图片上传、删除和预览功能的方法
2017/12/18 Javascript
nodejs 使用http进行post或get请求的实例(携带cookie)
2019/01/03 NodeJs
Vue使用Proxy监听所有接口状态的方法实现
2019/06/07 Javascript
深入理解Antd-Select组件的用法
2020/02/25 Javascript
vue created钩子函数与mounted钩子函数的用法区别
2020/11/05 Javascript
Vue向后台传数组数据,springboot接收vue传的数组数据实例
2020/11/12 Javascript
[02:54]DOTA2英雄基础教程 撼地者
2014/01/14 DOTA
Python 将RGB图像转换为Pytho灰度图像的实例
2017/11/14 Python
Python中使用遍历在列表中添加字典遇到的坑
2019/02/27 Python
Python 迭代,for...in遍历,迭代原理与应用示例
2019/10/12 Python
浅谈python之自动化运维(Paramiko)
2020/01/31 Python
TensorFlow基本的常量、变量和运算操作详解
2020/02/03 Python
python二维图制作的实例代码
2020/12/03 Python
Python爬虫之Selenium实现键盘事件
2020/12/04 Python
Argos官网:英国家喻户晓的百货零售连锁商
2017/04/03 全球购物
Street One瑞士:德国现代时装公司
2019/10/09 全球购物
HttpServlet类中的主要方法都有哪些?各自的作用是什么?
2014/03/16 面试题
解除财产保全担保书
2014/05/20 职场文书
大学生自荐信怎么写
2015/03/26 职场文书
作息时间调整通知
2015/04/22 职场文书
goland 设置project gopath的操作
2021/05/06 Golang