-
序列化:$(<selector>).serialize() 注意: 1、能被序列化的是含有name属性的表单元素; 2、input[type="submit"]、button[type="submit"]、input[type="file"]不会被序列化; 3、input[type="checkbox"]和input[type="radio"]只有被选中时才会序列化; 4、没有value属性的表单元素,其值被序列化为空字符串。查看全部
-
$(function () { $("#btnShow").bind("click", function () { var $this = $(this); $.getJSON('http://www.imooc.com/data/sport.json',function(data){ $this.attr("disabled", "true"); $.each(data, function (index, sport) { if(index==3) for(var i=0;i<10;i++ ) $("ul").append("<li>" + sport["name"] + "</li>"); }); }); }) }); /*$.each(data, function (index, sport)data为json里的那个数组,index为对应数组的索引,sport为对应索引的值。而这个索引对应的值sport在数组里又是个对象,我们要的是该对象的name属性的值,所以要这样写sport.name,而name又是字符串所以要变成sport["name"]。点击按钮,通过getJSON()方法获取服务器中的数据"data",通过each()遍历输出当前序列为2的数据值。当要列表全部输出时,删除判断语句if(index == 2)即可。 sport表示当前参数的属性名,而sport["name"] 表示当前对应的属性值 jQuery $.each()用法为遍历每个匹配元素规定运行的函数。index为对应数组的索引data是指你请求的地址所响应给你的json数据,是一个参数可以自己命名。each循环读取键值对,index表示当前读取的序列。*/查看全部
-
<script type="text/javascript"> $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $("ul") .html("<img src='https://www.imooc.com/data/fruit_part.html/>") ? { $this.attr("disabled", "true"); }); }) }); </script>查看全部
-
方法一查看全部
-
不行, 页面就是重新跳转刷新, 没有效果查看全部
-
1. 评论区: jquery 1.9+中要使用$(document).ajaxStart(function () {$("#divload").html();})才会生效 2. 可以在chrome调试器network中设置低网速查看全部
-
忘记写ajax请求类型为POST, 则默认为GET, 效果是无论输入何值都返回是偶数 居然把type: "POST"写成method:"POST"也可以....??? 注意dataType是"text", 不是json查看全部
-
1. 如果没有勾选单选框, 则没有Checkbox1的值 2. 可以通过decodeURIComponent($("form").serialize())来解码查看全部
-
jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)等价于: $.ajax({ type: 'POST', url: url, data: data, success: success, dataType: dataType });查看全部
-
并通过方法中回调函数的参数返回请求的数据: 所以返回的请求数据是在回调函数的形参中... 返回: {name: "白富美", say: "咱们结婚吧!"} 或 {"name":"\u767d\u5bcc\u7f8e","say":"\u54b1\u4eec\u7ed3\u5a5a\u5427!"} 第三个(最后一个参数)为返回的数据类型, 似乎有助于返回数据的序列化, 如果没有指定为'json', 或指定为其他如'text', 则返回数据为undefined... $.get(url,data,success(response,status,xhr),dataType) 等价于 $.ajax({ url: url, data: data, success: success, dataType: dataType }); http://www.w3school.com.cn/jquery/ajax_get.asp查看全部
-
它的调用格式如下所示: jQuery.getScript(url,[callback])或$.getScript(url,[callback]) 返回: var data = [{ "name": "足球" }, { "name": "散步" }, { "name": "篮球" }, { "name": "乒乓球" }, { "name": "骑自行车" }]; $.each(data, function (index, sport) { if (index == 1) $("ul").append("<li>" + sport["name"] + "</li>"); }); 将文档声明改为<!DOCTYPE html>, get内的url改为https开头查看全部
-
注意: 1. getJSON是jquery全局方法, 所以不是jquery具体对象调用(与前一节的load方法不同...为什么load可以是具体jquery对象调用??), 而是jQuery或$去调用(它的调用格式为:jQuery.getJSON(url,[data],[callback]) 或 $.getJSON(url,[data],[callback])) 2. 回调函数体中使用了data参数, 是函数形参的名称, 需要在函数形参中具体写明, 即function(data) 3. 同样需要改变jquery源码引用地址 <script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script> 以及getJSON中url协议(https)查看全部
-
第一节就卡了好久, 回去看了下原生的ajax 1. 代码拷贝到本地, 网页中文乱码, 设置<meta charset="UTF-8"> 2. 在评论中看到提示, 修改代码两处(实践有效): (1) <script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script> (2) https://www.imooc.com/data/fruit_part.html(https) 3. 在本地无法去访问, 因为跨域问题 4. 评论里说jquey load方法已被弃用等问题有待验证 5. 写了个原生的, 在验证器下可访问 6. jquery中的bind方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数; 详细http://www.w3school.com.cn/jquery/event_bind.asp查看全部
-
Autocomplete配置选项:1) minChars(Number):在触发autocomplete前用户至少需要输入的字符数.Default: 1,如果设为0.在输入框内双击或者删除输入框内内容时显示列表.2)max (Number):autocomplete下拉显示项目的个数,Default: 10. 3)autoFill (Boolean):要不要在用户选择时自动将用户当前鼠标所在的值填入到输框.Default: false. 4) mustMatch (Booolean): 如果设置为true,autoComplete只会允许匹配的结果出现在输入框,所有当用户输入的是非法字符时将会得不到下拉框.Default: false.5) matchContains (Boolean): 决定比较时是否要在字符串内部查看匹配,如ba是否与foo bar中的ba匹配.使用缓存时比较重要.不要和autofill混用.Default: false. 6) scrollHeight (Number): 自动完成提示的卷轴高度用像素大小表示 Default: 180 7) formatItem (Function): 为每个要显示的项目使用高级标签.即对结果中的每一行都会调用这个函数,返回值将用li元素包含显示在下拉列表中. Autocompleter会提供4个参数(row, i, max,value): 返回的结果数组, 当前处理的行数(即第几个项目,是从1开始的自然数), 当前结果数组元素的个数即项目的个数,最后一个是查询到的项. Default: none, 表示不指定自定义的处理函数,这样下拉列表中的每一行只包含一个值. 8) formatMatch对每一行数据使用此函数格式化需要查询的数据格式. 返回值是给内部搜索算法使用的. 参数值和formatItem的参数一样。9) formatResult和formatItem类似,但可以将将要输入到input文本框内的值进行格式化.同样有三个参数,和formatItem一样.Default: none,表示要么是只有数据,要么是使用formatItem提供的值.查看全部
-
param和serialize的区别是什么? param是对任意的参数进行URL地址格式的转换,而serialize仅属于form提交的数据转换。查看全部
举报
0/150
提交
取消