`
thecloud
  • 浏览: 882610 次
文章分类
社区版块
存档分类
最新评论

Asp.Net+Jquery.Ajax详解8-核心$.ajax

 
阅读更多

目录(已经更新的文章会有连接,从725日开始,每23天更新一篇):

Asp.Net+Jquery.Ajax详解1-开篇(2012.07.25发)

Asp.Net+Jquery.Ajax详解2-$.Load(2012.07.26发)

Asp.Net+Jquery.Ajax详解3-$.get$.post(2012.07.30发)

Asp.Net+Jquery.Ajax详解4-$.getJSON(2012.07.31发)

Asp.Net+Jquery.Ajax详解5-$.getScript(2012.08.04发)

Asp.Net+Jquery.Ajax详解6-$.ajaxSetup(2012.08.06发)

Asp.Net+Jquery.Ajax详解7-全局Ajax事件(2012.08.09发)

Asp.Net+Jquery.Ajax详解8-核心$.ajax(2012.08.12发)

Asp.Net+Jquery.Ajax详解9-serializeserializeArray(2012.08.15发)

Asp.Net+Jquery.Ajax详解10-JSONXML+写在最后(2012.08.20发,结束啦!)

这一篇,是最重量级的一个

$.ajax( options ) : 通过 HTTP 请求加载远程数据

前面的一系列文章,我们已经介绍了jquery ajax简单易用的高层实现。其实他们底层都是通过$.ajax实现的。文章最后有两个举例

$.ajaxjQueryAjax的核心函数, options参数支持很多参数,使用这些参数可以完全控制ajax请求.Ajax回调函数中的this对象也是options对象.如果想获得更好地灵活性,可以使用这个核心函数,平时使用最多的还是简化了的getpost函数,因为既能满足绝大多数需求,又简单方便。

$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求。 $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息。

详细参数选项见下。 (因为平时用得少,建议等用到的时候,再去查这些参数的用处,不用死记硬背。)

参数名

类型

描述

url

String

(默认: 当前页地址) 发送请求的地址。

type

String

(默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。

timeout

Number

设置请求超时时间(毫秒)。此设置将覆盖全局设置。

async

Boolean

(默认: true) 默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。

beforeSend

Function

发送请求前可修改 XMLHttpRequest 对象的函数,如添加自定义 HTTP 头。XMLHttpRequest 对象是唯一的参数。

function (XMLHttpRequest) {

this; // the options for this ajax request
}

cache

Boolean

(默认: true) jQuery 1.2 新功能,设置为 false 将不会从浏览器缓存中加载请求信息。

complete

Function

请求完成后回调函数 (请求成功或失败时均调用)。参数: XMLHttpRequest 对象,成功信息字符串。

function (XMLHttpRequest, textStatus) {

this; // the options for this ajax request
}

contentType

String

(默认: "application/x-www-form-urlencoded") 发送信息至服务器时内容编码类型。默认值适合大多数应用场合。

data

Object,

String

发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。

dataType

String

预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText,并作为回调函数参数传递,可用值:

"xml": 返回 XML 文档,可用 jQuery 处理。

"html": 返回纯文本 HTML 信息;包含 script 元素。

"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。

"json": 返回 JSON 数据 。

"jsonp": JSONP格式。使用JSONP形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ?为正确的函数名,以执行回调函数。

error

Function

(默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象。

function (XMLHttpRequest, textStatus, errorThrown) {

// 通常情况下textStatuserrorThown只有其中一个有值
this;// the options for this ajax request
}

global

Boolean

(默认: true) 是否触发全局 AJAX 事件。设置为 false 将不会触发全局 AJAX 事件,如 ajaxStart 或 ajaxStop 。可用于控制不同的Ajax事件

ifModified

Boolean

(默认: false) 仅在服务器数据改变时获取新数据。使用 HTTP 包 Last-Modified 头信息判断。

processData

Boolean

(默认: true) 默认情况下,发送的数据将被转换为对象(技术上讲并非字符串) 以配合默认内容类型 "application/x-www-form-urlencoded"。如果要发送 DOM 树信息或其它不希望转换的信息,请设置为 false。

success

Function

请求成功后回调函数。这个方法有两个参数:服务器返回数据,返回状态

function (data, textStatus) {

// data could be xmlDoc, jsonObj, html, text, etc...
this;// the options for this ajax request
}

上图信息来自:http://www.w3school.com.cn/jquery/ajax_ajax.asp

http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.html

这里有几个Ajax事件参数:beforeSend ,success ,complete ,error比较常用我们可以定义这些事件来很好的处理我们的每一次的Ajax请求。

注:

因为 jQuery所有的Ajax函数的底层实现都是jQuery.ajax(),所以,

$.get等价于:

$.ajax({

url: url,

data: data,

success: success,

dataType: dataType

});

$.getJSON等价于:

$.ajax({

url: url,

data: data,

success: callback,

dataType: json

});

在前面的例子的基础上直接更改就可以啦。这里就不再赘述啦。

分享到:
评论

相关推荐

    ASP.NET AJAX入门与案例详解 Part 1

    ASP.NETAJAX是微软公司推出的用于ASP.NET2.0的框架。本书介绍了ASP.NETAJAX框架的基础知识,包括AJAX的入门知识、JavaSeript和CSS等,重点介绍了ASP.NETAJAX的各控件以及ASP.NETAJAX控件工具箱的使用方法,并...

    详解JQuery Ajax 在asp.net中使用总结

    主要介绍了详解JQuery Ajax 在asp.net中使用总结,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    轻量级asp.net ajax解决方案详解

    本文实例讲述了轻量级asp.net ajax解决方案。分享给大家供大家参考,具体如下: 跟shotdog老师研究探讨了下asp.net里,除官方庞大asp.net ajax之外的ajax解决方案。我们想法是以不同的服务器端方式输出,然后在页面...

    庖丁解牛:纵向切入ASP.NET 3.5控件和组件开发技术

    第1章 服务器控件概述及开发环境部署 .1 1.1 自定义服务器控件 1 1.2 服务器控件在软件开发过程中的作用 1 ...附录a .net 3.5技术教程系列——collection/asp.net ajax/ silverlight/jquery ...646

    jQuery使用$.ajax进行即时验证实例详解

    主要介绍了jQuery使用$.ajax进行即时验证的方法,以完整实例形式较为详细的分析了jQuery前台控制ajax交互与后台asp.net响应处理的详细实现技巧,需要的朋友可以参考下

    jQuery权威指南-源代码

    此外,他还是微软技术方面的专家,精通C#、ASP.NET 和SQL Server等技术,出版相关著作多部。 媒体推荐: jQuery的发展之迅速和取得的成功之巨大是其他所有开发框架都难以企及的,它已经成为Web开发者必备的核心...

    庖丁解牛 纵向切入ASP.NET 3.5控件和组件开发 part1

    注意:由于文件大小为111MB,但本人的上传权限只有60MB,所以分开两部分压缩上传。解压前必须与part2一起解压。...附录a .net 3.5技术教程系列——collection/asp.net ajax/ silverlight/jquery ...646

    庖丁解牛 纵向切入ASP.NET 3.5控件和组件开发 part2

    注意:由于文件大小为111MB,但本人的上传权限只有60MB,所以分开两部分压缩上传。解压前必须与part2一起解压。...附录a .net 3.5技术教程系列——collection/asp.net ajax/ silverlight/jquery ...646

    jQuery中ajax – post() 方法实例详解

    在jquery中的ajax有二个数据发送模式,一种是get,另一种是post()。 jQuery Ajax 参考手册 实例 请求 test.php 网页,忽略返回值: $.post(“test.php”); TIY 实例 通过 AJAX POST 请求改变 div 元素的文本: $(...

    ASP.NET MVC中使用jQuery时的浏览器缓存问题详解

    介绍 尽管jQuery在浏览器ajax调用的时候对缓存提供了很好的支持,还是有必要了解一下如何高效地使用http协议。...jQuery全局对象里的ajax方法提供了一些options来支持缓存和Conditional GETs功能。 $.ajax({

    详解.net mvc session失效问题

    最近在研究有关.net mvc项目中的session失效问题,下面小编把研究过程给大家共享下,大家可以参考下。 最近解决基于.net mvc项目的session...•无权限认证的Action,使用原生JQuery Ajax请求; •无权限认证的Action,

    jQuery+ajax实现修改密码验证功能实例详解

    本文通过实例代码给大家介绍了jQuery+ajax实现修改密码验证功能,代码简单易懂,非常不错,具有参考借鉴价值,需要的的朋友参考下吧

    各种AJAX方法的使用比较详解

    阅读目录 ...本文收集了在ASP.NET平台上,一些具体代表性的AJAX开发方法,我将用实际的示例代码来演示如何使用它们,让您感受AJAX的进化历程,同时也希望将一些优秀的AJAX开发方法介绍给您。 为了方便

    Highcharts实例+详解

    5、跨语言:不管是PHP、Asp.net还是Java都可以使用,它只需要三个文件:一个是Highcharts的核心文件highcharts.js,还有a canvas emulator for IE和Jquery类库或者MooTools类库 6、支持大部分的图表类型:直线图,...

Global site tag (gtag.js) - Google Analytics