当前位置:首页 > Web开发 > 正文

ajax的道理及应用

2024-03-31 Web开发

标签:

  1.介绍

ajax是一种技术方案 , Asynchronous(异步) JavaScript and XML(用来传输和存储数据,异步JavaScript和XML)

使用XHTML+CSS来标准化泛起;

使用XML和XSLT进行数据交换及相关操纵;

使用XMLHttpRequest东西与Web处事器进行异步数据通信;

使用Javascript操纵Document Object Model进步履态显示及交互;

使用JavaScript绑定和措置惩罚惩罚所有数据。

感化:AJAX 是一种在无需从头加载整个网页的情况下,能够更新部分网页的技术。

2.事情道理

技术图片

技术图片

3.xmlHttpRequest的道理及应用

XHR 是一种用于在 Web 浏览器和 Web 处事器间传输数据动静的 JavaScript API。它撑持浏览器使用 HTTP POST(将数据传随处事器)或 GET 请求(从后台处事器访谒数据)。该 API 是大大都 Ajax 交互的核心,也是现代 Web 开发的一项根基技术。

要领:

abort()

 

遏制当前请求 

 

getAllResponseHeaders()

 

把HTTP请求的所有响应首部作为键/值对返回

 

getResponseHeader("header")

 

返回指定首部的串值

 

open("method","URL",[asyncFlag],["userName"],["password"]) 

 

成立对处事器的挪用。method参数可以是GET、POST或PUT。url参数可以是相对URL或绝对URL。这个要领还包孕3个可选的参数,是否异步,用户名,暗码

 

send(content)

 

向处事器发送请求

 

setRequestHeader("header", "value")

 

把指定首部设置为所供给的值。在设置任何首部之前必需先挪用open()。设置header并和请求一起发送 (‘post‘要领必然要 )

 

onreadystatechange

 

状态转变的事件触发器,每个状态转变时城市触发这个事件措置惩罚惩罚器,凡是会挪用一个JavaScript函数

 


属性:

属  性

 

描    述

 

readyState

 

请求的状态。有5个可取值:
0 = 未初始化,东西已经创建
1 = 正在加载 open 要领已经告成挪用 但send要领未挪用
2 = 已加载 send要领已经挪用 尚未开始接收数据
3 = 交互中 正在接受数据 Http响应头信息已经接受 但尚未接受完成
4 = 完成 响应数据接收完成

 

responseText

 

处事器的响应,返回数据的文本。

 

responseXML

 

处事器的响应,返回数据的兼容DOM的XML文档东西 ,这个东西可以解析为一个DOM东西。

 

responseBody 

 

处事器返回的主题(非文本格局)

 

responseStream

 

处事器返回的数据流

 

status

 

处事器的HTTP状态码(如:404 = "文件末找到" 、200 ="告成" ,等等)

 

statusText

 

处事器返回的状态文本信息 ,HTTP状态码的相应文本(OK或Not Found(未找到)等等)

 
4.ajax的创建

(1)安置浏览器,创建代办代理(创建XMLHttpRequest东西 )

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/31461.html