jQuery中的Ajax----03

$.ajax(0方式是jQuery最底层的Ajax实现。

它的结构为:

$.ajax(options)

该方法只有1个参数,但在这个对象里包含了$.ajax()方法所需要的请求设置以及回调函数等信息。参数以key/value的形式存在,所有参数都是可选的。常用的参数如下表所示:

参数名称 类型 说明

url

String 发送请求的地址
type String 请求方式(POST或GET),默认是GET
timeout Number
设置请求超时时间(毫秒)。此设置将覆

盖$.ajaxSetup()方法的全局设置

data
Object

或String


发送到服务器的数据。如果已经不是字符串,将自动转换为

字符串格式。GET请求中将附加在URL后。防止这种自动转换

,可以查看processData选项。对象必须是key/value格式,

例如{foo1:"bar1",foo2:"bar2"}转换为&foo1=bar&foo2=bar2。

如果是数组,jquery将自动为不同值对应同一个名称,例如

{foo:["bar1","bar2"]}转换为&foo=bar1&foo=bar2

dataType String
预期服务器返回的数据类型。如果不指定,jquery将自动根

据HTTP包MIME信息返回responseXML或responseText,并

作为回调函数传递。可用的类型有:

xml:返回XML文本,可用jquery处理。

html:返回纯文本HTML信息;包含的script标签会插入DOM时执行

script:返回纯文本javascript代码。不会自动缓存结果。除非设置

了cache参数。注意在远程请求时(不在同一个域下),所有POST请求

都将转为GET请求。

json:返回JSON数据

jsonp:JSONP格式。使用JSONP形式调用函数时,

例如myurl?callback=?,jquery将自动替换后一个"?"为

正确的函数名,以执行回调函数。

text:返回纯文本字符串。

beforeSend Function
发送请求前可以修改XMLHttpRequest对象的函数,

例如添加自定义HTTP头。在beforeSend中如果返

回false可以取消本次Ajax请求。XMLHttpRequest对

象是唯一的参数.

function(XMLHttpRequest){

this;//调用本次ajax请求时传递的options参数

}

complete Function
请求完成后调用的回调函数,无论成功与否,都调用。

参数:XMLHttpRequest对象和一个描述成功请求类型的字符串。

function(XMLHttpRequest,textStatus){

this;//调用本次ajax请求时传递的options参数

}

success Function
请求成功后调用的回调函数,有两个参数:

1、由服务器返回,并根据dataType参数进行处理后的数据

2、描述状态的字符串。

function(data,textStatus){

//data可能是xmlDoc、jsonObj、html、text等等

this;//调用本次ajax请求时传递的options参数

}

error Function
请求失败时被调用的函数。该函数有3个参数,即:

XMLHttpRequest对象、错误信息、捕获的错误对象(可选)。

ajax事件函数如下:

function(XMLHttpRequest,textStatus,errorThrown){

//通常情况下textStatus和errorThrown只有其中一个包含信息

this;//调用本次ajax请求时传递的options参数

}

global             Boolean        默认为true。表示是否触发全局ajax事件。设置为false将不会触发全局Ajax事件。AjaxStart或AjaxStop可以用于控制各种Ajax事件。

前面用到的load()、$.get()、$.post()、$.getScript()和$.getJSON这些方法,都是基于$.ajax()方法构建的。

例如,可以使用下面的jquery代码代替$.getScript()方法:

$(function(){

$(‘#send‘).click(function(){

$.ajax({

type:‘GET‘,

url:‘test.js‘,

dataType:‘script‘

});

});

})

时间: 2024-11-05 01:12:27

jQuery中的Ajax----03的相关文章

jQuery入门(4)jQuery中的Ajax应用

jQuery入门(1)jQuery中万能的选择器 jQuery入门(2)使用jQuery操作元素的属性与样式 jQuery入门(3)事件与事件对象 jQuery入门(4)jQuery中的Ajax应用 一.原始Ajax与jQuery中的Ajax 首先通过实例, 来看一下jQuery实现Ajax有多简单. 下面是一个使用原始Ajax的示例: 01 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

jQuery中的Ajax几种请求方式

1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. url (String) : 请求的HTML页的URL地址. data (Map) : (可选参数) 发送至服务器的 key/value 数据. callback (Callback) : (可选参数) 请求完成时(不需要是success的)的回调函数. 这个方法默认使用 GET 方式来传递的,如果[data]参数有传递数据进去,就会自动转换为POST方式的.jQuery

jQuery中对AJAX操作的封装函数

jQuery提供了6个简化AJAX操作的函数,每个都可以代替元素AJAX中的四步代码! (1)$('xxx').load()         jQuery对象函数 (2)$.get()                   jQuery全局函数 (3)$.post()                 jQuery全局函数 (4)$.getScript()          jQuery全局函数 (5)$.getJSON()           jQuery全局函数 (6)$.ajax()     

深入理解ajax系列第九篇——jQuery中的ajax

前面的话 jQuery提供了一些日常开发中需要的快捷操作,例如load.ajax.get和post等,使用jQuery开发ajax将变得极其简单.这样开发人员就可以将程序开发集中在业务和用户体验上,而不需要理会那么繁琐的XMLHTTPRequest对象.jQuery对ajax操作进行了封装,在jQuery中$.ajax()属性最底层的方法,第2层是load().$.get()和$.post()方法,第3层是$.getScript()和$.getJSON()方法.下面将详细介绍jQuery中的aj

jquery中的ajax参数

jquery中将ajax封装成了函数,我们使用起来非常方便,jquery会自动根据内容选择post还是get方式提交数据,并且会自动编码,但是要想完全掌握jquery中的ajax,我们必须将它的各个参数记住: 1.url    strng   发送请求的地址 2.type  string   请求方式(post或get,默认get),其他http请求方法,比如:put和delete也可以使用,但只有部分浏览器支持. 3.timeout   number    设置请求超时时间(毫秒).此设置将覆

在jquery中使用AJAX

在jquery中使用封装好的AJAX会对开发效率起到极大的便利,因此掌握jquery中的一系列AJAX封装函数是做好页面数据交互的必备技能: 1.在之前,我们首先需要详细了解AJAX异步请求接受的五中响应消息,根据不同的响应类型进行不同的操作 (1)text/plain    // 明文 服务器端: header('Content-Type: text/plain'); echo 'succ'; 客户端: if(xhr.responseText==='succ'){ ... } (2)text/

两强相争,鹿死谁手 — JQuery中的Ajax与AngularJS中的$http

一.JQuery与AngularJS 首先,先简单的比较一下JQuery与AngularJS. 二.Ajax请求与数据遍历打印 这里是Ajax和$http请求的JSON文件概览,默认的路径我们就放在与两者同级的文件夹里. [ { "name": "一号", "age": 17, "hobby": [ "吃", "喝" ], "score":{ "math&q

分析一下jquery中的ajax操作

在web前端开发中,ajax是很重要的一项技术,用原生写起来很是麻烦,需要一大堆js代码,而到了jq里就被精简了许多,一起来看看: jquery中的ajax分为三种方式: 1.$.get(),get方式获取 例子: $('.btn').click({ $.get('1.txt',function(data){ //'1.txt'为服务器上的文档,data为获取到的数据 alert(data); }); }) 2.$.post(),post方式获取 例子: $('.btn').click({ $.

从零开始学习jQuery (六) jquery中的AJAX使用

本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员使用Ajax的方式. 一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案,  即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员使用Ajax的方式. 二.前言 Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个

$.ajax()方法详解 jquery中的ajax方法

jquery中的ajax方法参数总是记不住,这里记录一下. 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持. 3.timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的全局设置. 4.async: 要求为Boolean类型的参数,默