Ajax完整详细教程（一）
时间：2023-05-24 04:54:02 | 来源：网站运营
时间：2023-05-24 04:54:02 来源：网站运营
Ajax完整详细教程（一）：我们将详细介绍 XMLHttpRequest 对象，它是 Ajax 应用程序的中心，负责处理服务器端应用程序和脚本的请求，并处理从服务器端组件返回的数据。由于所有的 Ajax 应用程序都要使用XMLHttpRequest 对象，因此您可能会希望熟悉这个对象，从而能够让 Ajax 执行得更好。
感兴趣的欢迎私聊了 1.http协议
1.1 http协议 ● 超文本传输协议（HTTP，HyperText Transfer Protocal ），
是简单、可靠的互联网文件传输协议。“上网”这个事儿的本质，
就是你输入网址之后，浏览器发出HTTP请求，请求服务器上的文件。
服务器上的文件，再通过HTTP传输到本地，在浏览器中进行渲染。
● 一次HTTP请求，有上行请求、下行响应两部分。
● 一张网页，可能产生多个HTTP的请求。
● 通常，浏览器产生HTTP请求，是由于用户输入了新的网址、
或者点击了超级链接，使页面跳转，这将导致页面的全局刷新。
而Ajax技术，可以使网页悄悄地、偷偷地发起HTTP请求，
请求回来的数据在页面局部刷新呈递。
1.2 ajax实现原理 原理：
在不刷新页面的情况下，浏览器悄悄地、异步向服务器发出HTTP请求。
服务器收到请求后，传回新的格式化数据（通常是JSON）。
浏览器通过DOM将新数据呈递显示，页面仅局部刷新。
1.3 ajax步骤 1.创建ajax对象 XMLHttpRequest() 内置对象 XMLHttpRequest
var xhr=new XMLHttpRequest();
2.准备请求内容
open('请求方式','请求地址','异步')
xhr.open('get','test.txt',true);
3.发送请求
xhr.send(null);
//xhr.send()
4.监听函数---获取返回的数据
xhr.onreadystatechange=function(){
if(xhr.readyState==4){
if(xhr.status==200){
console.log(xhr.responseText);
}
}
}
1.4 代码截图
在线咨询
