Ajax的一些笔记

前端之家收集整理的这篇文章主要介绍了Ajax的一些笔记前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Ajax:;Ajax用于刷新局部网页,使得需要更新页面部分信息时,浏览器不必重新向服务器请求整个web而刷新,可以做到不刷新页面的情况下修改web页面内容
document.getElementById("search").onclick = function() {//当id为search的元素被点击时,执行这个函数
	var request = new XMLHttpRequest();//什么一个XMLHttpRequest()对象,用于和服务器进行通信
	request.open("GET","doswipecard.jsp?storageID=99990");//指定和服务器通信使用GET方法,并写出了url
	request.send();//发送请求
	request.onreadystatechange = function() {//当request的请求状态改变时,执行下边的js函数
		if (request.readyState===4) {//readyState的状态为4时,代表接收相应数据完成
			if (request.status===200||request.status===0) { //如果http状态码是200或0,document.getElementById("searchResult").innerHTML = request.responseText;//则将响应的文本内容输出到searchResult
			} else {
				alert("发生错误:" + request.status);
			}
		} 
	}
}



点, 这里,可查看Ajax的详细说明 原文链接:https://www.f2er.com/ajax/163025.html

猜你在找的Ajax相关文章