用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 21 jQuery
基于jQuery实现瀑布流页面
Apr 11 jQuery
使用jQuery,Angular实现登录界面验证码详解
Apr 27 jQuery
基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
Jul 20 jQuery
jquery获取链接地址和跳转详解(推荐)
Aug 15 jQuery
zTree jQuery 树插件的使用(实例讲解)
Sep 25 jQuery
菊花转动的jquery加载动画效果
Aug 19 jQuery
jQuery选择器选中最后一个元素,倒数第二个元素操作示例
Dec 10 jQuery
jQuery鼠标滑过横向时间轴样式(代码详解)
Nov 01 jQuery
JQuery获得内容和属性方法解析
May 30 jQuery
jQuery实现简单评论功能
Aug 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 正则匹配函数体
2009/08/25 PHP
php flv视频时间获取函数
2010/06/29 PHP
php实现批量下载百度云盘文件例子分享
2014/04/10 PHP
php实例分享之html转为rtf格式
2014/06/02 PHP
php操作路径的经典方法(必看篇)
2016/10/04 PHP
accesskey 提交
2006/06/26 Javascript
javascript下操作css的float属性的特殊写法
2007/08/22 Javascript
JavaScript学习历程和心得小结
2010/08/16 Javascript
jQuery UI 实现email输入提示实例
2013/08/15 Javascript
jQuery插件bxSlider实现响应式焦点图
2015/04/12 Javascript
原生JavaScript实现异步多文件上传
2015/12/02 Javascript
结合代码图文讲解JavaScript中的作用域与作用域链
2016/07/05 Javascript
JavaScript 字符串常用操作小结(非常实用)
2016/11/30 Javascript
原生Javascript插件开发实践
2017/01/09 Javascript
nodejs处理图片的中间件node-images详解
2017/05/08 NodeJs
vue 添加vux的代码讲解
2017/11/30 Javascript
vue-router实现编程式导航的代码实例
2019/01/19 Javascript
微信实现自动跳转到用其他浏览器打开指定APP下载
2019/02/15 Javascript
jQuery操作attr、prop、val()/text()/html()、class属性
2019/05/23 jQuery
Vue实现push数组并删除的例子
2019/11/01 Javascript
jQuery与原生JavaScript选择HTML元素集合用法对比分析
2019/11/26 jQuery
vuex(vue状态管理)的特殊应用案例分享
2020/03/03 Javascript
浅析VUE防抖与节流
2020/11/24 Vue.js
python解析xml文件实例分享
2013/12/04 Python
Python模拟登陆实现代码
2017/06/14 Python
详解Python3中的迭代器和生成器及其区别
2018/10/09 Python
在Pycharm中对代码进行注释和缩进的方法详解
2019/01/20 Python
浅析PyTorch中nn.Module的使用
2019/08/18 Python
决策树剪枝算法的python实现方法详解
2019/09/18 Python
分享CSS3制作卡片式图片的方法
2016/07/08 HTML / CSS
美国在线纱线商店:Darn Good Yarn
2019/03/20 全球购物
工作自我评价怎么写
2014/01/29 职场文书
工程售后服务承诺书
2014/05/21 职场文书
理解python中装饰器的作用
2021/07/21 Python
15个值得收藏的JavaScript函数
2021/09/15 Javascript
Java中API的使用方法详情
2022/04/06 Java/Android