手写一个ajax

最新推荐文章于 2022-10-16 20:17:39 发布

gentry-jh

最新推荐文章于 2022-10-16 20:17:39 发布

阅读量99

点赞数

文章标签： ajax

本文链接：https://blog.csdn.net/webblock/article/details/107879464

版权

准备工作：
新建一个文件夹
文件夹里有两个文件
beload.txt文件
ajax.html文件
txt文件里添加任意文本即可

ajax.html文件内容

<body>
	<button onclick="load()">加载</button>
<body>
<script>
function load(){
	var xhr = new XMLHttpRequest();
	//创建一个xhr
	xhr.open("GET","./beload.txt",true);
	//用get方法打开文件，true为异步
	xhr.onreadystatechange=()=>{
	//监听事件
		if(xhr.readystate === 4){
		//判断响应码
			if(xhr.status === 200){
		//判断状态码
				alert(xhr.responseText);
				var p = document.createElement("p")
				p.innerHTML = xhr.responseText
				document.body.append(p)
			}
		}
	}
	xhr.send();
	//发送
}
</script>

gentry-jh

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
手写一个ajax

准备工作：新建一个文件夹文件夹里有两个文件beload.txt文件ajax.html文件txt文件里添加任意文本即可ajax.html文件内容<body> <button onclick="load()">加载</button><body><script>function load(){ var xhr = new XMLHttpRequest(); //创建一个xhr xhr.open("GET","./beload.
复制链接

扫一扫