第一种方法: $(function(){ /** * ajax封装 * url 发送请求的地址 * data 发送到服务器的数据,数组存储,如:{"username": "张三", "password": 123456} * succCallback 成功回调函数 * errorCallback 失败回调函数 * type 请求方式("POST" 或 "GET"), 默认已经设置为 "POST&q…

虽然jquery的较新的api已经很好用了, 但是在实际工作还是有做二次封装的必要,好处有:1,二次封装后的API更加简洁,更符合个人的使用习惯:2,可以对ajax操作做一些统一处理,比如追加随机数或其它参数.同时在工作中,我们还会发现,有一些ajax请求的数据,对实时性要求不高,即使我们把第一次请求到的这些数据缓存起来,然后当相同请求再次发起时直接拿之前缓存的数据返回也不会对相关功能有影响,通过这种手工的缓存控制,减少了ajax请求,多多少少也能帮助我们提高网页的性能.本文介绍我自己关于这两方…

function handleAjax(url,_data,method) { return ajax(url,_data,method).then(function (res) { if(res){ return res }else{ return $.Deferred().reject(res.msg) } },function(err) { console.log(err.status); }) } function ajax(url,_data,method) { return $.aj…

第6章 jQuery与Ajax的应用 jQuery对Ajax操作进行了封装,在jQuery中$.ajax()方法属于最底层的方法,第2层是load().$.get()和$.post()方法,第3层是$.getScript()和$.getJSON()方法. 1.load()方法 (1)载入HTML文档 load()方法是jQuery中最简单和常用的Ajax方法,能载入远程HTML代码并插入DOM中.它的结构为: load(url [, data] [, callback]) 参数说明: url:请…

Jquery中队Ajax操作进行了封装,可分为3层:1.最底层$.ajax(),2.第二层load().$.get().$.post()方法,3.第三层$.getScript()和$.getJSON()方法 一.$.ajax()是jquery最底层的方法, $.ajax(options) 该方法只有一个参数options,但是以key/value,形式存在,所有参数都是可选的, url type timeout data dataType beforeSend complete success…

Ajax 全称为 "Asynchronous JavaScript and XML"(异步 JavaScript 和 XML ),它并不是指一种单一的技术,而是有机地利用了一系列交互式网页应用相关的技术所形成的结合体.它的出现,揭开了无刷新更新页面的新时代,并有代替传统的 Web 方式和通过隐藏的框架来进行异步提交的趋势,是 Web 开发应用的一个里程碑. 编写第一个Ajax例子 在正式接触 jQuery 的 Ajax 操作之前,先看一个用传统的 JavaScript 实现的 Ajax…

JQuery中的Ajax  jQuery 对 Ajax 操作进行了封装, 在 jQuery 中最底层的方法是 $.ajax(), 第二层是 load(), $.get() 和 $.post(), (常用) 第三层是 $.getScript() 和 $.getJSON() 更详尽的介绍请参见API 什么是回调函数: 这里先引用知乎网友对回调的生动形容,后续概念不再赘述回调函数概念 你到一个商店买东西,刚好你要的东西没有货,于是你在店员那里留下了你的电话, 过了几天店里有货了,店员就打了你的电话,然…

6.1 Ajax的优势和不足 6.1.1 Ajax的优势 1.不需要插件支持 2.优秀的用户体验 3.提高Web程序的性能 Ajax模式只是通过XMLHttpRequest对象向服务器端提交希望提交的数据,即按需发送. 4.减轻服务器和带宽的负担 Ajax的工作原理相当于在用户和服务器之间加了一个中间层,使用户操作与服务器响应异步化.它在客户端创建Ajax引擎,把传统方式下的一些服务器负担的工作转移到客户端,便于客户端资源来处理,减轻服务器和带宽的负担. 6.1.2 Ajax的不足 1.浏览器对…

Ajax的优势 1.不需要插件支持 2.优秀的用户体验 3.提高web程序的性能(传输数据的方式,按需发送) 4.减轻服务器和带宽的负担 Ajax的不足 1.浏览器对XMLHttpRequest对象支持度不足 2.破坏浏览器前进.“后退”的正常功能 3.对搜索引擎的支持不足 4.开发和调试工具的缺乏 Ajax的核心是XMLHttpRequest对象,它是通过Ajax实现的关键——发送异步请求.接收响应及执行回调都是通过它来完成的. $(function () { var xmlHttpReq =…

[jQuery中的Ajax] 1.jQuery对Ajax操作进行了封装,在jQuery中最底层的方法时 $.ajax().第二层是 load() , $.get()  和 $.post(),第三层是 $.getScript() 和 $.getJSON(). 详情请查看jQurey的API. [load()方法] 1.load()方法时jQuery中最简单和常用的Ajax方法,能载入远程的HTML代码并插入到DOM中,它的结构是:load(url [,data] [,callback]) 2.程序…