用jQuery将JavaScript对象转换为querystring查询字符串的方法
2019-01-24 12:29
831 查看
在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查询字符串的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
您可能感兴趣的文章:
相关文章推荐
- JavaScript:将key名不带双引号的JSON字符串转换成JSON对象的方法
- JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
- 要想使用attr等jQuery对象的方法,就要将普通的JavaScript对象转换成jQuery对象
- JavaScript字符串对象fromCharCode方法入门实例(用于把Unicode值转换为字符串)
- javascript转换日期字符串为Date日期对象的方法
- 把json格式的字符串转换成javascript对象或数组的方法总结
- JavaScript Date toString 方法:将 Date 对象转换为字符串
- javascript转换日期字符串为Date日期对象的方法
- javascript 对象属性的添加,删除,json对象和字符串转换方法等
- jquery对象和javascript对象即DOM对象相互转换的方法
- JavaScript中json字符串转换为json对象的几种方法
- JavaScript字符串对象toUpperCase方法入门实例(用于把字母转换为大写)
- JavaScript字符串对象fromCharCode方法入门实例(用于把Unicode值转换为字符串)
- jQuery中serializeArray方法的使用及对象与字符串的转换
- javascript转换字符串为json对象的方法
- jQuery.parseJSON(json)方法将字符串转换成js对象
- JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
- jquery对象和javascript对象即DOM对象相互转换的方法
- JavaScript操作JSON的方法总结,JSON字符串转换为JSON对象
- JSON.stringify()方法将javascript对象转换为字符串