用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实现分页功能(含ajax请求、后台数据、附完整demo)
Apr 03 jQuery
jQuery查找dom的几种方法效率详解
May 17 jQuery
使用jQuery实现简单的tab框实例
Aug 22 jQuery
jQuery实现对网页节点的增删改查功能示例
Sep 18 jQuery
jQuery实现的简单图片轮播效果完整示例
Feb 08 jQuery
jQuery中图片展示插件highslide.js的简单dom
Apr 22 jQuery
jquery.onoff实现简单的开关按钮功能(推荐)
May 24 jQuery
菊花转动的jquery加载动画效果
Aug 19 jQuery
jquery实现Ajax请求的几种常见方式总结
May 28 jQuery
jQuery 筛选器简单操作示例
Oct 02 jQuery
jquery实现直播弹幕效果
Nov 28 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获取json数据所有的节点路径
2015/05/17 PHP
PHP+jQuery翻板抽奖功能实现
2015/10/19 PHP
PHP使用pear实现mail发送功能 windows环境下配置pear
2016/04/15 PHP
如何直接访问php实例对象中的private属性详解
2017/10/12 PHP
jquery 与NVelocity 产生冲突的解决方法
2011/06/13 Javascript
等待指定时间后自动跳转或关闭当前页面的js代码
2013/07/09 Javascript
导航跟随滚动条置顶移动示例代码
2013/09/11 Javascript
php和js对数据库图片进行等比缩放示例
2014/04/28 Javascript
全系IE支持Bootstrap的解决方法
2015/10/19 Javascript
JavaScript中removeChild 方法开发示例代码
2016/08/15 Javascript
JS比较两个数值的大小实例
2016/11/25 Javascript
jQuery Form表单取值的方法
2017/01/11 Javascript
jQuery实现拖拽可编辑模块功能代码
2017/01/12 Javascript
Bootstrap3 多个模态对话框无法显示的解决方案
2017/02/23 Javascript
浅谈react+es6+webpack的基础配置
2017/08/09 Javascript
详解swiper在vue中的应用(以3.0为例)
2018/09/20 Javascript
Vue实现点击按钮复制文本内容的例子
2019/11/09 Javascript
JQuery样式与属性设置方法分析
2019/12/07 jQuery
在vue中实现某一些路由页面隐藏导航栏的功能操作
2020/09/21 Javascript
[01:10:24]DOTA2-DPC中国联赛 正赛 VG vs Aster BO3 第一场 2月28日
2021/03/11 DOTA
python创建和删除目录的方法
2015/04/29 Python
使用python turtle画高达
2020/01/19 Python
python 无损批量压缩图片(支持保留图片信息)的示例
2020/09/22 Python
CSS3 clip-path 用法介绍详解
2018/03/01 HTML / CSS
HTML5 Plus 实现手机APP拍照或相册选择图片上传功能
2016/07/13 HTML / CSS
全球航班旅行搜索网站:Cheapflights
2017/05/19 全球购物
John Hardy官方网站:手工设计首饰的奢侈品牌
2017/07/05 全球购物
Stella McCartney官网:成衣、包袋、香水、内衣、童装及Adidas系列
2018/12/20 全球购物
Traffic People官网:女式花裙、上衣和连身裤
2020/10/12 全球购物
学期个人自我总结
2015/02/13 职场文书
2015年小班保育员工作总结
2015/05/27 职场文书
学习商务礼仪心得体会
2016/01/22 职场文书
土木工程生产实习心得体会
2016/01/22 职场文书
python基础详解之if循环语句
2021/04/24 Python
MySQL表锁、行锁、排它锁及共享锁的使用详解
2022/04/02 MySQL
MySQL选择合适的备份策略和备份工具
2022/06/01 MySQL