jquery.params.js 是一个基于 jQuery 的参数库,它可以帮助开发者快速解析和构建 URL 参数。它的使用非常简单,只需要在页面中引入 jquery.params.js 文件即可。
// 解析 URL 参数 var params = $.params('http://www.example.com?name=John&age=20'); console.log(params); // {name: 'John', age: '20'} // 构建 URL 参数 var params = {name: 'John', age: 20}; var url = $.params(params); // name=John&age=20
jquery.params.js 还支持复杂的参数类型,例如对象、数组、函数等。它还支持将复杂的对象或者数组转化为字符串,并且能够将字符串转化为对应的对象或者数组。
// 对象作为参数 var params = {name: 'John', age: 20, hobbies: ['swimming', 'reading']}; var url = $.params(params); // name=John&age=20&hobbies[]=swimming&hobbies[]=reading // 数组作为参数 var params = ['John', 20, ['swimming', 'reading']]; var url = $.params(params); // 0=John&1=20&2[]=swimming&2[]=reading // 函数作为参数 var params = {name: function(){return 'John';}, age: 20}; var url = $.params(params); // name=function(){return%20'John';}&age=20 // 字符串作为参数 var params = "name='John'&age='20'"; var obj = $.parseParams(params); // {name:'John', age:'20'} // 复杂对象作为参数 var params = {name:'John', age:{value:'20', type:'number'}}; var strParams = $.stringifyParams(params); // name='John'&age[value]='20'&age[type]='number' var objParams = $.parseParams(strParams); // {name:'John', age:{value:'20', type:'number'}}
总之,jquery.paramas.js 是一款功能强大的 jQuery 参数库,它能够帮助开发者快速在 URL 及其他场合中处理各种形式的参数。
jQuery 杂项方法
解析一个 JSON 字符串
$.parseJSON() 函数用于将符合标准格式的的JSON字符串转为与之对应的JavaScript对象。
注意:传入格式有误的 JSON 字符串可能导致抛出异常。例如,下面这些无效的 JSON 字符串:
"{test: 1}" //test是属性名称,必须加双引号 "{'test': 1}" //test是属性名称,必须用双引号(不能用单引号) "'test'" //test是属性名称,必须用双引号(不能用单引号) ".1" //number 必须以数字开头; "0.1" 将是有效的 "undefined" //undefined 不能表示一个 JSON 字符串; null可以 "NaN" //NaN 不能表示一个 JSON 字符串; 用Infinity直接表示无限也是不允许的
JSON标准不允许"控制字符"如制表符或换行符,例如:
// 多数情况下,它会抛出一个错误,因为JS解析器会将字符串中的t或n等转义直接视作字面值,起到Tab或换行的效果。 $.parseJSON('{"testing":"1t2n3"}')
正确写法应该如下(使用两个反斜杠,以免被JS解析器直接转义t或n):
$.parseJSON('{"testing":"1t2n3"}')
注意:在jQuery 1.9之前(不含1.9):如果传入一个空字符串、null或undefined,该函数将返回null,而不是抛出一个错误,即使它不是有效的JSON字符串。
参数 | 描述 |
---|---|
json | String类型 需要解析并转为JS对象的JSON格式字符串 |
jQuery 杂项方法
jQuery.html() 方法 jQuery 选择器定义和用法html()函数用于设置或返回当前jQuery对象所匹配的DOM元素内的html内容。该函数的用...
jQuery 选择器 (prev ~ siblings) jQuery 选择器定义和用法jQuery的prev ~ siblings选择器用于匹配prev元素之后的所有同辈的sibl...
jQuery prop() 方法jQuery HTML/CSS 方法实例 添加并移除名为 "color" 的属性:$("button").click(function(){ var $x = $("div"...
jQuery - 设置内容和属性 设置内容 - text()、html() 以及 val()我们将使用前一章中的三个相同的方法来设置内容:text() - 设置...
jQuery mouseup() 方法jQuery 事件方法实例 在 div 元素上松开鼠标左键,插入一些文本:$("div").mouseup(function(){ $(this).a...