AJax技术

ajax学习札记(五)(2)

字号+ 作者:H5之家 来源:H5之家 2016-12-26 15:02 我要评论( )

"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意:在远程请求时 ( 不在同一个域下 ) ,所有 POST 请求都将转为 GET 请求。 ( 因为将使 用 DOM 的 script 标签来加载 ) "js

"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了"cache"参数。注意:在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。(因为将使

DOMscript标签来加载)

"json": 返回 JSON 数据。

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

"text": 返回纯文本字符串


error (Function) : (
默认: 自动判断 (xml html)) 请求失败时调用时间。参数有以下三个:XMLHttpRequest 对象、错误信息、(可选)捕获的错误对象。如果发生了错

误,错误信息(第二个参数)除了得到null之外,还可能是"timeout", "error", "notmodified" "parsererror"Ajax 事件。

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

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

jsonp (String) : 在一个jsonp请求中重写回调函数的名字。这个值用来替代在"callback=?"这种GETPOST请求中URL参数里的"callback"部分,比如{jsonp:'onJsonPLoad'}

会导致将"onJsonPLoad=?"传给服务器。

password (String) : 用于响应HTTP访问认证请求的密码

processData (Boolean) : (默认: true) 默认情况下,发送的数据将被转换为对象(技术上讲并非字符串) 以配合默认内容类型 "application/x-www-form-urlencoded"。如果

要发送 DOM 树信息或其它不希望转换的信息,请设置为 false

scriptCharset (String) : 只有当请求时dataType"jsonp""script",并且type"GET"才会用于强制修改charset。通常在本地和远程的内容编码不同时使用。

success (Function) : 请求成功后的回调函数。参数:由服务器返回,并根据dataType参数进行处理后的数据;描述状态的字符串。 Ajax 事件。

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

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

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

username (String) : 用于响应HTTP访问认证请求的用户名

xhr (Function) : 需要返回一个XMLHttpRequest 对象。默认在IE下是ActiveXObject 而其他情况下是XMLHttpRequest 。用于重写或者提供一个增强的XMLHttpRequest 对象。

这个参数在jQuery 1.3以前不可用。

文件。

jQuery 代码:

$.ajax({
type: "GET",
url: "test.js",
dataType: "script"
});
--------------------------------------------

保存数据到服务器,成功时显示信息。

jQuery 代码:

$.ajax({
?? type: "POST",
?? url: "some.php",
?? data: "name=John&location=Boston",
?? success: function(msg){
???? alert( "Data Saved: " + msg );
?? }
});
--------------------------------------------

装入一个 HTML 网页最新版本。

jQuery 代码:

$.ajax({
url: "test.html",
cache: false,
success: function(html){
??? $("#results").append(html);
}
});
--------------------------------------------

同步加载数据。发送请求时锁住浏览器。需要锁定用户交互操作时使用同步方式。

jQuery 代码:

var html = $.ajax({
url: "some.php",
async: false
}).responseText;
--------------------------------------------

发送 XML 数据至服务器。设置 processData 选项为 false,防止自动转换数据格式。

jQuery 代码:

var xmlDocument = [create xml document];
$.ajax({
?? url: "page.php",
?? processData: false,
?? data: xmlDocument,
?? success: handleResponse
});

?

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 传统的ASP.NET网页与AJAX技术

    传统的ASP.NET网页与AJAX技术

    2016-12-27 15:01

  • ajax使用POST方法在后台得到的数据为空???

    ajax使用POST方法在后台得到的数据为空???

    2016-12-26 13:02

  • Ajax安全技术( Ajax Security) PDF 扫描版[43M]

    Ajax安全技术( Ajax Security) PDF 扫描版[43M]

    2016-12-25 16:00

  • Dom在ajax技术中的作用说明

    Dom在ajax技术中的作用说明

    2016-12-25 15:04

网友点评
i