ajax智能社,24 - Ajax基础

突驰

于 2021-08-06 14:03:12 发布

阅读量119

点赞数

文章标签： ajax智能社

Ajax笔记

就是让JS能够读取服务器，填写表单发型消息的时候不用再刷新页面了(无刷新页面数据读取，应用用户注册和聊天室)。

定义和用法：

Ajax()方法是JQ底层AJAX实现。另外的方法可以使用JQ的高层方法，比如$.get,$.post。

语法：JQuery.ajax([settings]) settings为参数

参数：

Options

Context 用于设置Ajax相关回调函数的上下文，让回调函数this指向这个对象(如果不设定这个参数，那么this指定的就是本次ajax请求时传递的options参数)。假如指定一个dom元素作为context参数，这样就设置了success回调函数的上下文为这个dom元素

(+dom元素：dom , 文档对象模型。那么文档对象模型的元素是什么？就是指文档的组成部分，组成部分包括html,js,css等。这个理解还有待深入)

Async 默认值：true 所有请求均为异步请求

Cache 默认值：true 缓存页面

Global 默认值：true 是否触发全局AJAX事件

IfModified 默认值：false 仅在服务器数据改变时获取新数据

processData 默认值：true 默认情况下，通过data选项传递进来的数据，如果是一个对象(技术上讲只要不是字符串)，都会处理转化成一个查询字符串，以配合默认内容类型 "application/x-www-form-urlencoded"。

Traditional 想要用传统的方式来序列化数据，就设置为true

beforeSend(XHR) 事件返回false则取消

Complete(XHR,TS) 事件请求完成后的回调函数(请求成功或失败之后均调用)

dataFilter 给AJAX返回的原始数据的进行预处理函数[data,type] data是返回的原始数据，type是调用时提供的参数

Error 事件请求失败调用此函数，自动判断(xml或html)[XMLHTTPRequest对象、错误信息、(可选)捕获的异常对象]

Success 请求成功后的回调函数

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

(+XMLHTTPRequest：缩写XHR，可扩展超文本传输请求。XMLHttpRequest对象可以在不向服务器提交整个页面的情况下，实现局部更新网页。当页面全部加载完毕后，客户端通过该对象向服务器请求数据，服务器端接受数据并处理后，向客户端反馈数据。)

如果发生了错误，错误信息(第二个参数)除了得到 null 之外，还可能是 "timeout", "error", "notmodified" 和 "parsererror"。

contentType 默认值"application/x-www-form-urlencoded" 发送消息至服务器时内容编码类型

Data 发送到服务器的数据

dataType 预期服务器返回的数据类型

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

· "html": 返回纯文本 HTML 信息；包含的 script 标签会在插入 dom 时执行。

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

· "json": 返回 JSON 数据。

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

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

Jsonp 为jsonp请求指定一个回调函数名

Password 用于响应http访问认证请求的密码

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

Type 默认值：“get”，请求方式 ("POST" 或 "GET")

Url 默认值：当前页地址

Username : 用于响应HTTP访问认证请求的用户名

Timeout 设置请求超时时间

总结：

回调函数

如果要处理 $.ajax() 得到的数据，则需要使用回调函数：beforeSend、error、dataFilter、success、complete。

beforeSend

在发送请求之前调用，并且传入一个 XMLHttpRequest 作为参数。

error

在请求出错时调用。传入 XMLHttpRequest 对象，描述错误类型的字符串以及一个异常对象(如果有的话)

dataFilter

在请求成功之后调用。传入返回的数据以及 "dataType" 参数的值。并且必须返回新的数据(可能是处理过的)传递给 success 回调函数。

success

当请求之后调用。传入返回后的数据，以及包含成功代码的字符串。

complete

当请求完成之后调用这个函数，无论成功或失败。传入 XMLHttpRequest 对象，以及一个包含成功或错误代码的字符串。