首页 > 生活

Ajax完整详细教程(一)

更新时间:2025-05-19 18:15:26 阅读: 评论:0

我们将详细介绍 XMLHttpRequest 对象,它是 Ajax 应用程序的中心,负责处理服务器端应用程序和脚本的请求,并处理从服务器端组件返回的数据。由于所有的 Ajax 应用程序都要使用XMLHttpRequest 对象,因此您可能会希望熟悉这个对象,从而能够让 Ajax 执行得更好。

感兴趣的欢迎私聊了

1.http协议

1.1 http协议

目标群体 ● 超文本传输协议(HTTP,H宿主细胞yperText Transfer Protocal ),

两面国 是简单、可靠的互联网文件传输协议。“上网”这个事儿的本质,

就是你输入网址之后,浏览器发出HThatersTP请求,请求服务器上的文件。

怎么样让皮肤变白 泳镜防雾剂服务器上的文件,再通过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.监听函数---获取返回的数据

台达plc xhr.onreadystatechange=function(){

中欧mba if(xhr.readyState==4){

if(xhr.status==200){

console.log(xhr华南农业大学研究生.responseText);

}

}

画眼线 }

1.4多拉格 代码截图

本文发布于:2023-06-06 12:47:13,感谢您对本站的认可!

本文链接:http://www.ranqi119.com/ge/85/237565.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:完整   教程   详细   Ajax
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 站长QQ:55-9-10-26|友情:优美诗词|电脑我帮您|扬州装修|369文学|学编程|软件玩家|水木编程|编程频道