ewrfqdweew

• jQuery.get( url, [data], [callback] )：
– 使用GET方式来进行异步请求
• 参数：
– url (String) : 发送请求的URL地址. – data (Map) : (可选) 要发送给服务器的数据，以 Key/value 的键值对形式表示，会做为 QueryString附加到请求URL中。 – callback (Function) : (可选) 载入成功时回调函数 (只有当Response的返回状态是success才是调用 该方法)。
• url String (默认: 当前页地址)
– 发送请求的地址。
• type String (默认: "GET")
– 请求方式 ("POST" 或 "GET")， 默认为 "GET"。
• timeout Number 设置请求超时时间 毫秒
– 此设置将覆盖全局设置。
• async Boolean (默认: true)
• • • •
error (Local Event) 请求发生错误 ajaxError (Global Event) 请求发生错误 complete (Local Event) 请求完成 成功||失败 ajaxComplete(Global Event)请求完成 成功|| 失败 • ajaxStop (Global Event) 请求停止
• error Function
– (默认: 自动判断 (xml 或 html)) 请求失败时将调 用此方法。 – 这个方法有三个参数：
• XMLHttpRequest 对象， • 错误信息， • （可能）捕获的错误对象。
function (XMLHttpRequest, textStatus, errorThrown) { // 通常情况下textStatus和errorThown只有其中 一个有值 this;}
• jQuery.post( url, [data], [callback], [type] )
– 使用POST方式来进行异步请求
• 参数：
– url (String) : 发送请求的URL地址. – data (Map) : (可选) 要发送给服务器的数据，以 Key/value 的键值对形式表示。 – callback (Function) : (可选) 载入成功时回调函数 (只有当Response的返回状态是success才是调用 该方法)。 – type (String) : (可选)官方的说明是：Type of data to be sent。其实应该为客户端请求的类型 (JSON,XML,等等)
Ajax
内容简介
• Ajax 简介 • XMLHttpRequest 对象 • 使用XMLHttpRequest
• Asynchronous JavaScript and XML
Ajax 的定义
XMLHttpRequest 对象
• AJAX技术的核心对象 • 存在于所有主流浏览器中
– IE 5.5 – FireFox1.0+, Safari, etc – IE6.0+ Microsoft.XMLHTTP XMLHttpRequest Msxml2.XMLHTTP
• ajaxStart (Global Event)
– 一个Ajax请求开始，并没有其他的Ajax请求当前 正在运行的。 • ajaxSend (Global Event) 请求之前运行。 • success (Local Event) 请求成功 • ajaxSuccess (Global Event) 请求成功
"AjaxEvent.js", function(){ alert("AjaxEvent.js ");} );
jQuery Ajax 事件
• 局部事件 局部事件就是在每次的Ajax请求时在方法内 定义的 • $.ajax({ beforeSend: function(){ // Handle the beforeSend event }, complete: function(){ // Handle the complete event } // • });
• $.get(
"./Ajax.aspx", {Action:"get",Name:"lulu"}, function (data, textStatus){ //返回的 data 可以是 xmlDoc, jsonObj, html, text this; // 在这里this指向的是Ajax请求的选项配置信息 alert(data); //alert(textStatus);//请求状态：success，error等 等。 //alert(this); });
– 预期服务器返回的数据类型。 – 如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText，并作为 回调函数参数传递，可用值: – "xml": – "html": – "script": – "json": – "jsonp": JSONP 格式。使用 JSONP 形式调用函数 时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数
• 全局事件 全局事件是每次的Ajax请求都会触发的，它 会向DOM中的所有元素广播，在上面 getScript() 示例中加载的脚本就是全局Ajax 事件。 • $("#loading").bind(
"ajaxSend", function(){ $(this).show(); }).bind("ajaxComplete", function(){ $(this).hide(); });
• String getResponseHeader(Stringheader) • String getAllResponseHeaders()
Cookie操作
• document.cookie = cookie;
– cookie=cookieName + "=" + encodeURIComponent(cookieValue); – setCookie("request-data", "Hello World"); – getCookie("response-data");
“json”);
• jQuery.getScript( url, [callback] )
– 通过 GET 方式载入并执行一个 JavaScript 文件。
• 参数 • url (String)
– 待载入 JS 文件地址。
• callback (Function)
– (可选) 成功载入后回调函数
Hale Waihona Puke • $.getScript(
• processData Boolean (默认: true)
– 默认情况下，发送的数据将被转换为对象 以配 合默认内容类型 "application/x-www-formurlencoded"。如果要发送 DOM 树信息或其它 不希望转换的信息，请设置为 false。
• dataType String
• global Boolean (默认: true)
– 是否触发全局 AJAX 事件。设置为 false 将不会 触发全局 AJAX 事件，如 ajaxStart 或 ajaxStop 。 可用于控制不同的Ajax事件
• ifModified Boolean (默认: false)
– 仅在服务器数据改变时获取新数据。使用 HTTP 包 Last-Modified 头信息判断。
• Function onreadystatechange 需要执行的回 调函数
• • • •
String responseText 获取返回的数据 XmlDocument responseXML 获取返回的数据 Number status response的状态代码 200 String statusText 字符串形式信息
• 提供了异步访问服务器端的能力 • 首次出现在IE5.5中（ActiveX）
方法
• void open(Stringmethod, String url, Boolean async)
– Stringmethod 请求的方式 POST 或者 GET – url 发送的url请求的路径 – Async 是否使用异步回调 – 示例 – Get方式 open(“get”,”url?par=”+value,true); – Post方式 open("POST", url, true);
• void send(Stringbody) • void abort()
• 属性： • Number readyState
操作状态
– 0请求没有发出(在调用 open() 之前)。 – 1请求已经建立但还没有发出(调用 send() 之前) – 2请求已经发出正在处理之中(这里通常可以从 响应得到内容头部) – 3有部分数据可用，但是服务器还没有完成响应 – 4响应已完成，无论成功还是失败
• cache Boolean (默认: true)
– false 将不会从浏览器缓存中加载请求信息。
• complete Function
– 请求完成后回调函数 (请求成功或失败时均调用 )。参数： XMLHttpRequest 对象，成功信息字 符串。function (XMLHttpRequest, textStatus) { this;}