博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery中的Ajax----03
阅读量:6982 次
发布时间:2019-06-27

本文共 1941 字,大约阅读时间需要 6 分钟。

  hot3.png

$.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'

});

});

})

转载于:https://my.oschina.net/935572630/blog/384359

你可能感兴趣的文章
Java transient关键字
查看>>
JQuery - 页面载入时FadeIn
查看>>
was下查看日志
查看>>
JVM调优——第一步-配置总结
查看>>
Helpful Linux I/O stack diagram & Analysis and Tools
查看>>
c primer plus(第五版)读书笔计 第六章(2)
查看>>
PHP关系型数据库介绍
查看>>
Hadoop1.0.1安装部署(一)
查看>>
前端开发利器 TBCompressor ,压缩你的JS/CSS
查看>>
Swift3.0语言教程获得一个公共的前缀
查看>>
使用swfupload仿赶集的图片上传
查看>>
SQL --update批量更新
查看>>
JavaScript学习指南之第一章Hello JavaScript!最基础的JavaScript入门
查看>>
jQuery EasyUI使用教程之根据条件更换数据网格行背景颜色
查看>>
/lib/libc.so.6: ELF file OS ABI invalid
查看>>
仿快图系统自带图片浏览器应用源码项目
查看>>
java ---Proxy
查看>>
linux基础命令 mv
查看>>
7.12 10.11-10.14
查看>>
用苦肉计感化倔老公,幸好他还爱着我
查看>>