用jQuery将JavaScript对象转换为querystring查询字符串的方法
在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查询字符串的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
相关文章
浅析onsubmit校验表单时利用ajax的return false无效问题
前几天,在校验一个表单数据用到ajax时,遇到 return false 无效问题,以下就是对这个问题进行了分析介绍,需要的朋友可以参考下2013-07-07ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
在这讲里,让我们看下如何在ASP.NET Textbox里禁止复制、剪切和粘贴行为2012-01-01用Jquery.load载入页面后样式没了页面混乱的解决方法
一直想用jquery.load的方法载入新的页面,以实现局部刷新,结果发现样式没了,后来发现了解决方法,如果不过滤掉一些内容的话,直接加载,会使页面混乱的2014-10-10jquery UI Datepicker时间控件的使用方法(终结版)
这篇文章是jquery UI Datepicker时间控件的使用方法终结版,可以说是技术的升华,实现的功能有限制的开始时间和结束时间跨度不超过三天,并配置有清空时间,重选时间等,感兴趣的小伙伴们可以参考一下2015-11-11
最新评论