需求: JQuery 获取选中多选框的value,合并成数组传给后台 在ajax请求的时候,需要给后端传一个参数 deviceId,这个 deviceId是一个list集合,也就是一个数组,需要把选中的几个数值放在这个数组里面...,当做参数传递。...checked").each(function() { arr.push($(this).val()); //向数组中添加元素 }); //获取界面复选框的所有值...arrType = arr.join(','); //把复选框的值以数组形式存放 alert(arrType); $.ajax...({ url: "test.json", data: { //deviceId : [1,2,3,4
1️⃣ ZTree 简介ZTree:一款功能强大、轻量的 jQuery 树插件特点:支持多级树形结构支持异步加载节点(AJAX)支持复选框、单选框、节点操作(增删改)样式可定制,兼容性好2️⃣ 引入 ZTree2.1...下载官网下载:ZTree 官方下载常用文件:jquery.ztree.core.js jquery.ztree.excheck.js // 复选框支持 zTreeStyle.css2.2 HTML 引入示例...></script><script src="js/jquery.ztree.core.js"></script><script src="js/jquery.ztree.excheck.js...数据autoParam:自动传递父节点 ID5.2 复选框功能var setting = {check: {enable: true, // 开启复选框chkboxType: { "Y": "ps...:异步加载、复选框、节点操作、事件绑定 建议:初学者先用静态 JSON 测试树掌握 map 数据结构和事件绑定再使用异步加载大数据树https://www.52runoob.com/archives/6415
可以通过 $.ajaxSetup() 设置任何选项的默认值。 jQuery.ajax( [settings ] ) async 类型:Boolean,默认值: true。...比如指定一个 DOM 元素作为 context 参数,这样就设置了 success 回调函数的上下文为这个 DOM 元素。...GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。...在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。...注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。(因为将使用 DOM 的 script标签来加载) "json": 返回 JSON 数据 。
jquery的.serializeArray()方法可以获取形如以下 [ {name: 'firstname', value: 'Hello'}, {name: 'lastname', value...name相同的值,最后只留下了最后一个,如果想把复选框多个name相同的值存为数组,有一个解决办法是办json对象的值全变为数组类型,如下: var m = {}; $.each($(v...m[field.name]=[]; } m[field.name].push(field.value) }); 这样可以保证复选框的值存为一个数组...这里注意,在页面中除了单选按钮 复选框写多个相同的name值以外,其他不要出现name相同的表单哦。...jquery方法.serializeArray()还有一个弊端,就是不能获取input file添加的图片元素。
beforeSend 在发送请求之前调用,并且传入一个XMLHttpRequest作为参数。 error 在请求出错时调用。...如果指定为json类型,则会把获取到的数据作为一个JavaScript对象来解析,并且把构建好的对象作为结果返回。为了实现这个目的,他首先尝试使用JSON.parse()。...GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。...在1.4中,JSON就会生成一个JavaScript对象,而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。...注意:'''在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载) "json": 返回 JSON 数据 。
get请求中将附加在url后。防止这种自动转换,可以查看 processData选项。...如果不指定,JQuery将自动根据http包mime信息返回responseXML或responseText,并作为回调函数参数传递。...json:返回JSON数据。 jsonp:JSONP格式。使用SONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。...默认值是false,即忽略头信息。 17.jsonp: 要求为String类型的参数,在一个jsonp请求中重写回调函数的名字。该值用来替代在"callback=?"...对象的each()方法,它是一个全局函数,不操作JQuery对象,而是以一个数组或者对象作为第1个参数,以一个回调函数作为第2个参数。
如果不指定,JQuery将自动根据http包mime信息返回responseXML或responseText,并作为回调函数参数传递。可用的类型如下: xml:返回XML文档,可用JQuery处理。...json:返回JSON数据。 jsonp:JSONP格式。使用SONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。 ...默认值是false,即忽略头信息。 17.jsonp: 要求为String类型的参数,在一个jsonp请求中重写回调函数的名字。该值用来替代在"callback=?"...对象的each()方法,它是一个全局函数,不操作JQuery对象,而是以一个数组或者对象作为第1个参数,以一个回调函数作为第2个参数。
get请求中将附加在url后。防止这种自动转换,可以查看 processData选项。...responseXML或responseText,并作为回调函数参数传递。...该jqXHR和设置对象作为参数传递。这是一个Ajax事件 。...这个函数传递3个参数:从服务器返回的数据,并根据dataType参数进行处理后的数据,一个描述状态的字符串;还有 jqXHR(在jQuery 1.4.x前为XMLHttpRequest) 对象。...如果提供dataType选项,那么这个success选项是必须的, 但你可以使用null或jQuery.noop作为占位符。
在折腾前端的时候,有时候要跟后端交互,需要调用Ajax, 原始的Ajax不那么好用,可以用jquery里面的。或者用插件axios。 jQuery对Ajax的操作进行了封装。...GET请求中将附加在url后。对象必须是key/value格式,例如{id:"xxyh", password:"123456"}转换为&id=xxyh&password=123456。...如果不指定,jquery将根据HTTP包MINE信息返回responseXML或responseText,并作为回调函数参数传递。...在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。 json:返回JSON数据。 jsonp:JSONP格式。使用JSONP形式调用函数时,例如myurl?callback=?...jsonp(String):在一个jsonp请求中重写回调函数的名字。用来替代在“callback=?”
get请求中将附加在url后。防止这种自动转换,可以查看processData选项。...如果不指定,JQuery将自动根据http包mime信息返回responseXML或responseText,并作为回调函数参数传递。...json:返回JSON数据。 jsonp:JSONP格式。使用SONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。...data是Ajax返回的原始数据,type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。...默认值是false,即忽略头信息。 jsonp:要求为String类型的参数,在一个jsonp请求中重写回调函数的名字。该值用来替代在"callback=?"
"> 核心:$ 符号在jQuery中代表对jQuery的引用。...[,eventData]:传递的参数,格式:{名:值,名2:值2} handler(eventObject):该事件触发执行的函数 json格式,在接收到返回值时会自动封装成json对象 //请求成功调用函数 success: function (data) {//data是一个形参名...发送请求,没有参数,没有返回值 $.get("请求地址") 发送请求,传递参数,没有返回值 $.get('请求地址',{name:"岳泽以",age:25}) 发送请求,不传参数,有返回值 $.get(...(data){ console.log(data) }) $.post 发送请求,没有参数,没有返回值 $.post("请求地址") 发送请求,传递参数,没有返回值 $.post('请求地址',
对象.事件方法(回调函数); 【注】如果调用事件方法,不传递回调函数,则会触发浏览器默认行为。...如果off方法不传递任何参数,则将组件上的所有事件全部解绑 3、事件切换:toggle jq对象.toggle(fn1,fn2....)。...setTimeout(执行一次定时器) 分析发现JQuery的显示和隐藏动画效果其实就是控制display属性值 使用 show/hide方法来完成广告的显示 (3)代码实现 作为数组索引。 2. 给结束按钮绑定单击事件 停止定时器 给大相框设置src属性 (3)代码实现 //使用jQuery插件 给jq对象添加2个方法 check()选中所有复选框,uncheck()取消选中所有复选框 //1.定义jQuery的对象插件
GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。...在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。...默认值: false。使用 HTTP 包 Last-Modified 头信息判断。在 jQuery 1.4 中,它也会检查服务器指定的 'etag' 来确定数据没有被修改过。...beforeSend 在发送请求之前调用,并且传入一个 XMLHttpRequest 作为参数。 error 在请求出错时调用。...如果指定为 json 类型,则会把获取到的数据作为一个 JavaScript 对象来解析,并且把构建好的对象作为结果返回。为了实现这个目的,它首先尝试使用 JSON.parse()。
1:当返回值是字符串的时候 data.json: { "circle": "2;3;4;5;6;1" } 示例代码: 复选框checkbox自定义样式值是对象数组的时候 data.json: { "tasks": [{ "id": 1, "name": "任务一" },...DOCTYPE HTML> 复选框赋值...3:当返回值是字符串数组的时候 { "permTokens": ["site", "alarm", "distribution", "my"], } 示例代码 <!
1:当返回值是字符串的时候 data.json: { "circle": "2;3;4;5;6;1" } 示例代码: 复选框checkbox自定义样式</...}) } }); 2:当返回值是数组对象的时候...DOCTYPE HTML> 复选框赋值...DOCTYPE HTML> 复选框赋值
这个方法默认使用 GET 方式来传递的,如果[data]参数有传递数据进去,就会自动转换为POST方式的。...jQuery 1.2 中,可以指定选择符,来筛选载入的 HTML 文档,DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。...默认值适合大多数应用场合。 data Object,String 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。...如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText,并作为回调函数参数传递,可用值: "xml": 返回 XML 文档,可用 jQuery..."json": 返回 JSON 数据 。 "jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ?
GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。...在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。...默认值: false。使用 HTTP 包 Last-Modified 头信息判断。在 jQuery 1.4 中,它也会检查服务器指定的 'etag' 来确定数据没有被修改过。...这个参数在 jQuery 1.3 以前不可用。...如果指定为 json 类型,则会把获取到的数据作为一个 JavaScript 对象来解析,并且把构建好的对象作为结果返回。为了实现这个目的,它首先尝试使用 JSON.parse()。
这样,在面对大量表单元素时,会把表单元素内容序列化为字符串,然后再使用 Ajax 请求。...function(response,status,xhr) { alert(response); } }) }); 特别注意:.serialize()方法不但可以序列化表单内的元素,还可以直接获取单选框、复选框和下拉...这个方法 可以直接把数据整合成键值对的 JSON 对象。...而它们很多参数都相同,这个时候我们可以使用 jQuery 提供的$.ajaxSetup()请求默认值来初始化参数。...data 属性传递的时候,如果是以对象形式传递键值对,可以使用$.param()方法 将对象转换为字符串键值对格式。
问题 在layui数据表格中设置了字段为type:checkbox 但是想要实现部分不显示,不可选的功能。 ? ? layui内置没有该功能,所以只能自己实现。...需要在模板中把值放到属性中 然后这里就可以拿到了 }); 使用done函数禁用 这是网上的做法,但是有瑕疵,全选不可用,并且不可选状态和可选状态的复选框样式很接近,建议重写不可选的样式 (参考上面的)...-- 注意:如果你直接复制所有代码到本地,上述js路径需要改成你本地的 --> layui.use(['table', 'jquery...} ] ], where: {}, //如果无需传递额外参数...layer.alert(JSON.stringify(checkStatus.data)); });