另外还修复一个朋友发现的只调用下拉刷新,代码判断bug。...latest version) 0.9.0(160215) 删除dropReload()API,功能集成到之前resetload()里 优化noData(),noData(false)为有数据 修复只调用下拉刷新...DEMO5,tab加载数据 依赖 (dependence) Zepto 或者 jQuery 1.7以上版本,推荐jQuery 2.x版本(二者不要同时引用) Zepto or jQuery...和setTimeout都是为了模拟加载效果而写的,与本插件无直接关系。...ajax建议自己写,无特殊情况不必copy我的ajax写法,因为写得太烂。如需下载本地运行,请在本机装服务器环境,否则ajax会报错。)
前端如何把页面信息有效传达给后台,以及后台如何获取到这些数据 所有前端请求的URL后面的参数都是辅助后台数据查询的,若不需要参数,那后台就会直接给个URL给前端。...Ajax AJAX = 异步 JavaScript 和 XML。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。...通过 AJAX,JavaScript 无需等待服务器的响应,而是: 在等待服务器响应时执行其他脚本 当响应就绪后对响应进行处理 Web的运作原理:一次HTTP请求对应一个页面。...() 方法 jQuery load() 方法是简单但强大的 AJAX 方法。...可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。 可选的 callback 参数是 load() 方法完成后所执行的函数名称。
而相比于1.7.2 RC1,只修复了一个bug。...jQuery 1.8.3 2012年11月14日 jQuery 1.8.3 发布,修复 bug 和性能衰退问题、IE8中的HTML相关Bug、jQuery 1.8.2在IE9中调用ajax失败的问题 jQuery...而jQuery3修复了大量的bug,增加了新的方法,同时移除了一些接口,并修改了少量接口的行为,不1和2是不同的API。 更轻更快:2.0版本文件与1.9.1相比小了12%。...服务器端应当在JSON数据前加上回调函数名,以便完成一个有效的JSONP请求。如果要指定回调函数的参数名来取代默认的callback,可以通过设置$.ajax()的jsonp参数。...$.ajax函数返回他创建的XMLHttpRequest对象。通常jQuery只在内部处理并创建这个对象,但用户也可以通过xhr选项来传递一个自己创建的xhr对象。
使用大公司CDN好处: 许多用户在访问其它站点时,已经从百度、新浪、谷歌和微软加载过jQuery。当用户访问我的站点时,会从缓存中加载jQuery,这样可以有效减少加载时间!...ajax中也有load()方法),resize(调整浏览器窗口大小时触发),scroll(滚动指定的元素),unload(jQuery1.8中废弃)事件。 另: hover():模拟光标悬停事件。...遍历 因为DOM其实就是树状结构,因此相关算法中树的概念可以很容易的引申过来。...第八部分:jQuery AJAX 了解AJAX:Ajax之路。 其实jQuery Ajax就是将ajax实现代码封装,同时兼顾了不同浏览器的Ajax实现。...$(selector).load(url,data,callback); url:必须,希望加载的URL;ps:可以将url选择器添加到url中; data:可选参数,与请求一起发送的字符串键值对集合
此方法仅对可见元素有效。...第二层,load、.get、.get、.get 、.post 开发中常使用用于处理ajax 第三层,.getJSON.getJSON.getJSON .getScript 优化辅助 4.1 load...函数 必须在jQuery对象上触发函数,发送ajax请求 load(url, [data], [callback])载入远程 HTML 文件代码并插入至 DOM 中 •url:待装入 HTML...4.4 $.ajax 底层原始ajax请求方式 格式1:jQuery.ajax(url,[settings]) 格式2:jQuery.ajax(settings);...跨域:在一个服务器上,去访问另一个服务器 jQuery如何实现跨域请求?使用JSONP形式实现跨域。 javascript如果调用另一个域程序,不能执行当前域js函数。
功能强大的 jQuery 表单验证插件,适用于日常的 E-mail、电话号码、网址等验证及 Ajax 验证,除自身拥有丰富的验证规则外,还可以添加自定义的验证规则。...PS:如果希望只在表单提交时验证,可以设置为空。...$.noop 表单提交验证通过后,Ajax 提交之前的回调函数 [Demo] function(form, options){} ajaxValidCache {} isError...错误信息属性(实验的) 属性值与验证规则相对应 jquery-form-validator-because-form-validation-is-a-mess/ 相关文档: Github 中文文档 授权协议:
在新窗口打开外部链接 找到文本元素 切换可视与隐藏的触发器 Ajax 调用的错误处理 链式操作 回到顶部按钮 通过使用 jQuery 中的 animate 和 scrollTop 方法...(function () { console.log('image load successful'); }); 你也可以通过把 img 标签替换成 ID 或 class,来检查特定图片是否加载完成...自动修复损坏的图片 如果你发现自己网站的图片链接挂了,一个一个替换很麻烦。...jQuery 做成的动画效果。...; } }); Ajax 调用的错误处理 当某次 Ajax 调用返回 404 或 500 错误,就会执行错误处理。但如果没有定义该处理,其他 jQuery 代码或许会停止工作。
这里写图片描述 JQuery对象与JavaScript对象是可以互相转化的,一般地,由于Jquery用起来更加方便,我们都是将JavaScript对象转化成Jquery对象 Jquery转成JavaScript...兄弟关系的标签 (3)增强基本选择器 大于、小于、等于、奇偶数的标签 (4)内容选择器 定义内容为XXX、内容中是否有标签器、含有子元素或者文本的标签 (5)可见性选择器 可见或不可见的标签 (6)属性选择器 与属性的值相关...:backData表示返回的数据,它是js对象 回调函数中参数二:textStatus表示返回状态的文本描述,例如:success,error, 回调函数中参数三:xmlHttpRequest表示ajax...* 调用load方法的jquery对象,返回结果自动添加到jQuery对象代表的标签中间 * */ $("#time").load(url); });...$.ajax()这个方法接收的参数是一个JSON类型,JSON里面有几个参数: type【请求类型】 url【请求路径】 data【发送给服务器的数据,也是一个JSON类型】 success【回调函数】
在每个对 象上,这个事件处理函数只会被执行一次。其他规则与bind()函数相同。 trigger(type, [data]) 在每一个匹配的元素上触发某类事件。...Ajax 方法说明: load(url, [data], [callback]) 装入一个远程HTML内容到一个DOM结点。...”); }); jQuery.ajaxSetup(options) 为所有的AJAX请求进行全局设置。查看$.ajax函数取得所有选项信息。 设置默认的全局AJAX请求选项。...由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引取出。...11、几个有用的jQuery方法 $.browser.浏览器类型:检测浏览器类型。有效参数:safari, opera, msie, mozilla。
PS:如果希望只在表单提交时验证,可以设置为空。...-- validate[required] 表示必须填写 控件必须要设置 ID,但并不要求与 Name 相同 --> 设置验证 // 直接调用 $("#form_id").validationEngine...]] 只接受数字和英文字母 ajax validate[ajax[ajaxUserCallPhp]] 在验证规则中自定义 “ajaxUserCallPhp”:{ “url”:”phpajax/ajaxValidateFieldUser.php...} funcCall validate[funcCall[functionName]] 调用外部函数 【API 方法】 名称 示例 说明 attach $(“#form_id”).validationEngine...本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
接上: 6、Ajax: 一个基础底层函数:jQuery.ajax(); //高级工具函数都会调用此函数; 一个高级工具方法:load() ; 四个高级工具函数:jQuery.getScript...('http://..../.js',function(){....}); 回调函数会在文件执行完成后调用,其也有三个参数,在同源脚本情况下,参数与load()方法的回调函数相同,在跨域请求时,第一个和第三个参数都为...undefined,函数放回值也是undefined; $.getJSON():与load()相似,首先获取文本,特殊处理后(应该是调用$.parseJSON())传到指定的回调函数作为第一个参数。...所以必须传入回调函数作为参数,否则没有意义; jQuery.get()与jQuery.post()方法通常都由下面的这个函数实现: $.ajax(): jQuery的所有Ajax工具都会调用此函数,其仅接收一个参数...请求地址与回调函数 $.ajax({ type:'GET', //HTTP请求方法,默认GET 其他有POST DELETE PUT等; url:'url
jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。...关于 jQuery 与 AJAX jQuery 提供多个与 AJAX 有关的方法。...如果没有 jQuery,AJAX 编程还是有些难度的。编写常规的 AJAX 代码并不容易,因为不同的浏览器对 AJAX 的实现并不相同。这意味着您必须编写额外的代码对浏览器进行测试。...() 规定第一个 AJAX 请求开始时运行的函数 ajaxStop() 规定所有的 AJAX 请求完成时运行的函数 ajaxSuccess() 规定 AJAX 请求成功完成时运行的函数 load() 从服务器加载数据...jQuery animate() – 使用相关值 演示如何在 jQuery animate() 方法中使用相关值。
这里写图片描述 JQuery对象与JavaScript对象是可以互相转化的,一般地,由于Jquery用起来更加方便,我们都是将JavaScript对象转化成Jquery对象 Jquery转成JavaScript...目的:通过九类选择器,能定位web页面(HTML/JSP/XML)中的任何标签 匹配表单属性具体的值 匹配表单对应的控件属性 匹配父标签下的子标签 与属性的值相关 可见或不可见的标签 定义内容为XXX、...:backData表示返回的数据,它是js对象 回调函数中参数二:textStatus表示返回状态的文本描述,例如:success,error, 回调函数中参数三:xmlHttpRequest表示ajax...36 * 调用load方法的jquery对象,返回结果自动添加到jQuery对象代表的标签中间 37 * */ 38 $("#time").load(url...$.ajax()这个方法接收的参数是一个JSON类型,JSON里面有几个参数: type【请求类型】 url【请求路径】 data【发送给服务器的数据,也是一个JSON类型】 success【回调函数】
AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新。 什么是 AJAX?...关于 jQuery 与 AJAX jQuery 提供多个与 AJAX 有关的方法。...提示:如果没有 jQuery,AJAX 编程还是有些难度的。 编写常规的 AJAX 代码并不容易,因为不同的浏览器对 AJAX 的实现并不相同。这意味着您必须编写额外的代码对浏览器进行测试。...jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法。 load() 方法从服务器加载数据,并把返回的数据放入被选元素中。...可选的 callback 参数是 load() 方法完成后所执行的函数名称。 这是示例文件("demo_test.txt")的内容: jQuery and AJAX is FUN!!!
load 事件 load() 触发、或将函数绑定到指定元素的 load 事件 mousedown() 触发、或将函数绑定到指定元素的 mouse down 事件...jQuery Ajax 操作函数 函数 描述 jQuery.ajax() 执行异步 HTTP (Ajax) 请求。....each() 对 jQuery 对象进行迭代,为每个匹配元素执行函数。 .end() 结束当前链中最近的一次筛选操作,并将匹配元素集合返回到前一次的状态。...jQuery 数据存储函数 函数 描述 .data() 存储与匹配元素相关的任意数据。...jQuery.data() 存储与指定元素相关的任意数据。 .removeData() 移除之前存放的数据。
示例代码: $(".ajax.load").load("http://www.cnblogs.com/QLeelulu/archive/2008/03/30/1130270.html .post",...; }); 加载完后请重新点击一下上面的 Load 请求看看有什么不同。 jQuery Ajax 事件 Ajax请求会产生若干不同的事件,我们可以订阅这些事件并在其中处理我们的逻辑。...注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。beforeSendFunction发送请求前可修改 XMLHttpRequest 对象的函数,如添加自定义 HTTP 头。...必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。...我们可以定义这些事件来很好的处理我们的每一次的Ajax请求。注意一下,这些Ajax事件里面的 this 都是指向Ajax请求的选项信息的(请参考说 get() 方法时的this的图片)。
,该对象必须为css的属性名(使用驼峰命名法) 动画只支持数值属性,不支持颜色,字体,或者display的枚举属性。...Ajax Ajax实现了不需要刷新,即可动态的加载一部分页面, load 是滴,load如果传入的参数为字符串,而是函数,load为事件的处理程序的注册,而不是ajax方法。...post请求 $('#tmp').load('us_weather_report.html', { zipcode=02114, units: 'f' }); load最后为回调函数,当Ajax请求成功...,或未成功,将会调用该函数 Ajax工具函数 jQuery.getScript() 将会异步的加载一段脚本 同样受到同源的限制 第一个参数为url,第二个参数为运行完成以后将要执行的回调函数 jQuery.getScript...,即this beforeSend 指定发送ajax请求指定激活的函数 success 指定ajax请求成功后的回调函数 error 指定ajax请求失败后的回调函数 complete 指定请求完成后的函数
$(function() { alert("O(∩_∩)O哈哈~O(∩_∩)O哈哈~"); }); // javaScript代码的页面加载只执行一次...第二层:load()、$.get()、$.post() 开发中常用3个,$符号开头的叫全局函数,不是$开头的是普通函数,普通函数必须使用jQuery对象才能获得 第三层:$.getJSON(...回调函数的参数,一共有三个参数,第一个参数是最重要的 使用JQuery的工具类,解析json jQuery.parseJSON(json) 9.1、load() 【3】 示例代码如下: 函数 ,$符号开头的叫全局函数,不是$开头的是普通函数,普通函数必须使用jQuery对象才能获得 * * 格式:load(url, [data], [callback...* load() 该函数永远获得的数据是字符串,如果需要使用该数据,必须将字符串 手动转换成 json对象。
(异步的 JavaScript 和 XML) 它并不是一种单一的技术,而是有机利用一系列交互式网页应用相关的技术所形成的结合体 AJAX 是一种用于创建快速动态网页的技术。...从而解决了跨域的数据请求 如何使用 JSONP?...中的 Ajax 的一些方法 jquery 对 Ajax 操作进行了封装,在 jquery 中的$.ajax()方法属于最底层的方法,第 2 层是load() 、$.get() 、$.post();第...3 层是$.getScript() 、$.getJSON() ,第 2 层使用频率很高 load()方法 load()方法是 jquery 中最简单和常用的 ajax 方法,能载入远程 HTML 代码并插入...和选择器之间有一个空格 传递方式 load()方法的传递方式根据参数 data 来自动指定,如果没有参数传递,则采用 GET 方式传递,反之,采用 POST 回调参数 必须在加载完成后才执行的操作,该函数有三个参数
jQuery Ajax 操作函数 jQuery 库拥有完整的 Ajax 兼容套件,其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据。...先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的 1. load( url, [data]...; }); 加载完后请重新点击一下上面的 Load 请求看看有什么不同。 jQuery Ajax 事件 Ajax请求会产生若干不同的事件,我们可以订阅这些事件并在其中处理我们的逻辑。...注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。 beforeSend Function 发送请求前可修改 XMLHttpRequest 对象的函数,如添加自定义 HTTP 头。...我们可以定义这些事件来很好的处理我们的每一次的Ajax请求。注意一下,这些Ajax事件里面的 this 都是指向Ajax请求的选项信息的(请参考说 get() 方法时的this的图片)。