首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么jQuery函数param要在数组的元素后面加上[]

jQuery函数param是用于将一个对象序列化为URL参数的函数。当对象中的属性值是数组时,为了正确地将数组序列化为URL参数,需要在数组的元素后面加上[]。

在URL参数中,如果一个属性对应的值是数组,那么在序列化时需要使用方括号[]来表示这是一个数组。这是因为在HTTP请求中,URL参数的传递是通过键值对的形式,如果不加上方括号,服务器端可能会将多个同名的参数值视为多个独立的参数,而不是一个数组。

举个例子,假设有一个对象params,其中包含一个属性colors,它的值是一个数组['red', 'green', 'blue']。如果不加上方括号,序列化后的URL参数会是这样的:colors=red&colors=green&colors=blue。这样服务器端可能会将这三个参数视为独立的参数,而不是一个数组。

而如果在数组的元素后面加上方括号,即colors[]=red&colors[]=green&colors[]=blue,服务器端就能正确地解析出这是一个数组。

推荐的腾讯云相关产品:无

参考链接:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

前端编码规范

如下: /** * 函数描述 * * @param {string} p1 参数1说明 * @param {string} p2 参数2说明,比较长 * 那就换行了....字符串 静态字符串使用单引号 动态字符串使用反引号 解构赋值 数组成员赋值,优先使用解构赋值 const [first, second] = [1, 2]; 函数参数如果是对象成员,优先使用解构赋值...如果函数返回多个值,优先使用对象解构赋值,而不是数组解构赋值。...对象属性和方法尽量采用简洁表达法 数组 使用扩展运算符...拷贝数组 使用Array.from()将类数组对象转为数组 函数 立即执行函数可以写成箭头函数 (()=>{console.log('a');...不要在函数体内使用arguments变量,使用rest运算符(...)代替。 使用默认值语法设置函数参数默认值。 Map结构 只有模拟实体对象时,才使用Object。

1.8K71
  • jquery和原生dom对象转换&常用函数方法

    一、jquery和原生dom对象转换 1、新建jquery对象和长度 var $p= $('p')新建一个jquery对象,一般在新建jquery对象时候,加上一个$,以便好认。...返回是一个类似数组对象,jquery可以通过$p[0]下标来获取对应对象,也可以获取$p 长度 ?...二、jquery对象方法 1、.each( function(index, Element) ) //each参数顺序和js参数顺序相反 遍历一个jQuery对象,为每个匹配元素执行一个函数 $(...each通用迭代函数,它可以用来无缝迭代对象和数组数组和类似数组对象通过一个长度属性(如一个函数参数对象)来迭代数字索引,从0到length - 1。...如果执行代码需要在元素被加载之后才能使用时,(例如,取得图片大小需要在图片被加载完后才能知道),就需要将这样代码放到 load 事件中。

    2.1K30

    一个小时学会jQuery

    1.4、获得jQueryjQuery不需要安装,把下载jQuery库放到网站一个公共位置,想要在某个页面上使用jQuery时,只需要在相关HTML文档中引入该库文件即可。...例如,为了获取嵌套在元素一组超链接,我们使用如下语句: $("p a") $( )函数返回特别的JavaScript对象,它包含着与选择器相匹配DOM元素数组。...3.2.1、通过id获取元素 在CSS中经常使用id来控制元素,在jQuery中获取元素时,也使用同样方法。与CSS一样,在id前面加上#号。...在jQuery中,可以获取同一类名多个HTML元素,编写方式同CSS,即在类名前面加上点号。...在jQuery 1.5, 成功设置可以接受一个函数数组。每个函数将被依次调用。

    18.5K71

    jQuery

    value属性jQuery和javaScript区别 1.注意事项: 使用jQuery方式获取对象称为jQuery对象; jQuery对象本质上是js对象数组; 使用dom方式获取对象称为...(js对象); jQuery(js对象); jquery对象 → js对象 (jQuery对象本质上是js对象数组.)...jq元素对象.hover(function(){// 第一个函数相当于 mouseover }, function(){ // 第二个函数相当于mouseout }); 三、jQuery选择器 基本选择器...大弟弟b | a~b:选择a所有b弟弟| 属性选择器: [属性名] 获取元素上带有该属性名元素对象 [属性名='值'] 获取元素上带有该属性名且值为''元素对象 属性选择器一般和标签选择器联合使用...function: 完成校验逻辑,满足返回true,不满足返回false(默认) val: 输入框中值 ele: 被校验输入框对象(js对象) param: 校验器

    4.3K20

    jQuery原理

    ); 1.jQuery本质是一个闭包 2.jQuery为什么要使用闭包来实现?...不被修改, 所以需要接受一个正确undefined jQueryextend方法 jQuery中有众多方法,但这么多方法不可能都是一一用每一个函数来封装,因此应用到了extend继承方法来对这些方法进行管理...//真数组转伪数组 [].push.apply(obj,arr); //如果oobj后面bj里面有值,则会将arr数组添加在obj后面 console.log...NaN 0 false.返回空jQuery对象 2.字符串 代码片段:会将创建好DOM元素储存到jQuery对象中返回 选择器:会将所有找元素存储到jQuery对象中返回 3.数组 会将数组元素依次存入到...对象中返回 选择器:会将所有找元素存储到jQuery对象中返回 3.数组 会将数组元素依次存入到jQuery对象中返回 4.除上述以外 会将传入数据储存到jQuery对象中返回 */ (function

    61410

    jQuery设计思想

    这是它区别于其他Javascript库根本特点。 使用jQuery第一步,往往就是将一个选择表达式,放进构造函数jQuery()(简写为$),然后得到被选中元素。.../选择第6个div元素 有时候,我们需要从结果集出发,移动到附近相关元素jQuery也提供了在DOM树上移动方法:   $('div').next('p'); //选择div元素后面的第一个...假定我们选中了一个div元素,需要把它移动到p元素后面。...$.each() 遍历一个数组或对象。 $.inArray() 返回一个值在数组索引位置。如果该值不在数组中,则返回-1。 $.grep() 返回数组中符合某种标准元素。...$.makeArray() 将对象转化为数组。 $.type() 判断对象类别(函数对象、日期对象、数组对象、正则对象等等)。 $.isArray() 判断某个参数是否为数组

    2.2K60

    JQuery JavaScript常用API整理(前端入门必学)

    现在MVVM框架逐渐占据了主要市场,很多老项目也逐渐jQuery转向了MVVM架构!JQuery还有必要学吗? 我答案是jQuery必须学!...和$().click()用法一样,最大区别即优点是如果动态创建元素在该选择器选中范围内是能触发回调函数。.../* 数组: 删除最后一个元素 .pop() .slice(begin,end); 删除从begin开始元素不包括end;返回被删除元素,不改变原来数组....concat(arr) 合并两个数组,返回一个新数组,不改变原来数组 .join() 默认,来分割数组每个元素,返回一个字符串 .forEach(function...如果没有值满足测试函数,则返回 undefined。 filter() 方法创建一个包含所有通过测试函数元素数组。如果没有元素满足测试函数,则返回一个空数组

    70420

    jquery 使用方法

    jQuery是目前使用最广泛javascript函数库。据统计,全世界排名前100万网站,有46%使用jQuery,远远超过其他库。微软公司甚至把jQuery作为他们官方库。...一、选择网页元素jQuery基本设计和主要用法,就是"选择某个网页元素,然后对其进行某种操作"。这是它区别于其他函数根本特点。   ...使用jQuery第一步,往往就是将一个选择表达式,放进构造函数jQuery()(简写为$),然后得到被选中元素。...6 $.makeArray() 将对象转化为数组。 7 $.type() 判断对象类别(函数对象、日期对象、数组对象、正则对象等等)。...八、事件操作 jQuery可以对网页元素绑定事件。根据不同事件,运行相应函数

    1.6K10

    【转】jQuery验证控件jquery.validate.js使用说明+中文API

    '}}" 在使用equalTo关键字时,后面的内容必须加上引号,如下代码: class="{required:true,minlength:5,equalTo:'#password'}" 2.将校验规则写到...ignore: ".ignore" 4.更改错误信息显示位置 errorPlacement:Callback Default: 把错误信息放在验证元素后面 指明错误放置位置,默认情况是:error.appendTo...this.optional(element) || (tel.test(value)); }, "请正确填写您邮政编码"); 1.要在additional-methods.js文件中添加或者在jquery.validate.js...,里面要加上表单提交函数,否则表单不会提交 $(".selector").validate({    submitHandler:function(form) { $(form).ajaxSubmit...参数method是一个函数,接收三个参数(value,element,param) value是元素值,element是元素本身 param是参数,我们可以用addMethod来添加除

    4.7K40

    前端开发面试题答案(四)

    (3)在URL后面加上一个随机数: "fresh=" + Math.random();。 (4)在URL后面加上时间搓:"nowtime=" + new Date().getTime();。...Asynchronous Module Definition,异步模块定义,所有的模块将被异步加载,模块加载不影响后面语句运行。所有依赖某些模块语句均放置在回调函数中。...(3)查找 getElementsByTagName() //通过标签名称 getElementsByName() //通过元素Name属性值(IE容错能力较强,会得到一个数组,其中包括...提供了一些常用界面元素,诸如对话框、拖动行为、改变大小行为等等 38、jquery 中如何将数组转化为json字符串,然后再转化回来?...*基于Class选择性性能相对于Id选择器开销很大,因为需遍历所有DOM元素。 *频繁操作DOM,先缓存起来再操作。用Jquery链式调用更好。

    2.2K20

    jQuery源码研究:jQuery原型对象上属性方法(下)

    接昨天jQuery原型属性方法部分。 each()方法:为每个匹配元素集合执行回调函数,是一个jQuery遍历方法。...}) 注意,$('li')是jQuery构造函数实例对象,凡是jQuery对象原型上方法,在实例对象中都可以被访问到。...这个each()方法其实通过返回真实each方法引用来实现,具体在后面读到jQuery.extend属性时再看。 map()方法,同样也是一个遍历方法。...,这样就能明白为什么API文档上说,map方法是返回一个包含返回值jQuery对象了吧。...至于this.pushStack()方法中参数,可以明显看到它是jQuery构造对象上定义了一个方法map,该方法内部具体实现尚未可知,因为还没读到那部分,但看参数传递可以大概知道,将新创建元素集合和对新集合进行处理回调函数传入进去了

    87850

    jQuery

    对象 通过 jquery 提供 API 查询到对象,是 jQuery 对象 2.jQuery 对象本质 JQuery 对象时 dom 对象数组 + JQuery 提供一系列功能函数。...)取出相对应 DOM 对象 20200719165719.png 三、jQuery 2 把利器 1.jQuery 函数; $/jQuery jQuery 向外暴露就是 jQuery 函数,可以直接使用...当成一般函数使用:(param)param 是 function: 相当于 windown.onload = function(文档加载完成监听)param 是选择器字符串:查找所有的匹配 Dom...元素,返回包含所有的 DOM 元素 jQuery 对象param 是 DOM 元素:将 DOM 元素对象包装成 jQuery 对象返回(this)param 是标签字符串: 创建标签 DOM 元素对象并包装为...元素数组对象 执行$()返回就是 jQuery 对象 基本行为: length/size(): 得到 dom 元素个数 [index] : 得到指定下标对应 dom 元素 each(function

    10.8K20

    gulp入门(小白级别)

    gulp后面可以加上要执行任务名,例如gulp task1,如果没有指定任务名,则会执行任务名为default默认任务。 ?...,在数组单个匹配模式前加上!...即是排除模式,它会在匹配结果中排除这个匹配,要注意一点是不能在数组第一个元素中使用排除模式: gulp.src(['*.js', '!...b*.js', '*.js']) //不会排除任何文件,因为排除模式不能出现在数组第一个元素中 展开模式 展开模式以花括号作为定界符,根据它里面的内容,会展开为多个模式,最后匹配结果为所有展开模式相加起来得到结果...如果确实有改变文件名需要,可以使用插件gulp-rename gulp.dest() 详解路径参数 gulp.dest(path) 生成文件路径是我们传入path参数后面加上 gulp.src(

    1.3K20

    一些冷门js操作0.前言1.数组2.位操作符2.1字符串转数字2.2更多操作3. 构造类

    如果没有遇到被某些东西打击到或者见识到新世界,可能永远,就感叹:jQuery真好用,我精通jQuery,精通js。要不就是,vue?angular?react?我都会,我精通。...],那么为什么会这样呢?...首先,map里面可以传两个参数:map(对每一个元素都调用函数,该函数this值) 而那个每一个元素都调用函数,他传入参数是(current,index,arr)当前元素(必须)、索引、数组。...生成一个序号数组: var arr = []; for(var i = 0;i<10;i++){ arr.push(i) } 复制代码 常规操作,没什么问题,但是精通jQuery你会不会用到其他方法呢...map那个函数,传入了三个参数,第一个参数是当前元素。可是对于加了call,第一个参数就是callthis指向了。

    65720

    一些冷门js操作

    如果没有遇到被某些东西打击到或者见识到新世界,可能永远,就感叹:jQuery真好用,我精通jQuery,精通js。要不就是,vue?angular?react?我都会,我精通。...首先,map里面可以传两个参数:map(对每一个元素都调用函数,该函数this值) 而那个每一个元素都调用函数,他传入参数是(current,index,arr)当前元素(必须)、索引、数组。...生成一个序号数组: var arr = []; for(var i = 0;i<10;i++){ arr.push(i) } 常规操作,没什么问题,但是精通jQuery你会不会用到其他方法呢?...可是对于加了call,第一个参数就是callthis指向了。而map后面的那个参数,就是this,也就是后面那个this已经把current覆盖,起到主导作用也是后面那个参数。...f(任何函数),f第一个参数已经报废,因为第一个参数是call上下文this,但是这个this又被后面的ctx替代了,因此f有效参数是从第二个开始,最后就相当于ctx(index),即是 :构造类

    33810

    30·灵魂前端工程师养成-jQuery设计模式

    ()使我们提供全局函数 特殊函数jQuery jQuery(选择器)用于获取对应元素 但是它却不返回这些元素 相反,它返回一个对象,称为jQuery构造出来对象 这个对象可以操作对应元素...是,因为jQuery函数确实构造了一个对象 不是,因为不需要写new jQuery()就能构造一个对象 结论: 1.jQuery是一个不需要加new构造函数 2.jQuery不是常规意义上构造函数...').find('.red') 查找#xxx里.red元素 index.html <!...,数组是不能添加,浏览器会报错  那么我们可不可以,再返回一个this?...你嫌jQuery太长? 那么我们来解决这么一个小问题,有的时候我们写jQuery,一会小写一会大写,敲起来很费劲,那么我们在调用时候,可以把它简化,只需要在代码中加入一句话。

    1.5K20

    jquery常用方法

    获得当前匹配元素集合中每个元素祖先元素 $("#ID").parents();//获得当前匹配元素集合中每个元素元素 $("#ID").filter();//将匹配元素集合缩减为匹配选择器或匹配函数返回值元素...遍历对象和数组 jQuery.map();//修改数据 jQuery.grep();//数据筛选,返回一个经过筛选后数组 jQuery.inArray(value,array);//查找元素下标 jQuery.merge...(array1,array2);//合并两个数组 jQuery.unique(dom);//去除重复DOM元素 jQuery.makeArray(obj);//将类数组对象转换为数组对象 jQuery.trim...jQuery.isEmptyObject();//是否为空对象(不含可枚举属性)。 jQuery.isFunction();//否为函数jQuery.isNumeric();//是否为数组。...jQuery.param(object);//将对象键值对转化为URL键值对字符串形式 jQuery.proxy();//调整this指向 --------------------- 作者:三五月儿

    80020

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券