有关Ajax的介绍及使用

关注

原创最新推荐文章于 2026-07-13 14:40:53 发布 243 阅读 AI 写同款· GEO 优化 ›

3D视觉入门必看：深度图、点云图、IR图、RGB图像到底有什么区别？本文深入解析了3D视觉中深度图、点云图、IR图与RGB图像的核心区别。深度图记录像素距离，是连接2D与3D的桥梁；点云图是显式的三维坐标集合；IR图感知红外光强度；RGB图像则提供颜色纹理。理解其信息维度和应用场景，是进行机器人导航、三维重建等任务的基础。阅读详情

Ajax介绍:

Asynchronous JavaScript And XML(异步的JavaScript和XML)
Ajax可以在不刷新页面的前提下,进行页面局部更新

Ajax的使用流程:

1.创建XmlHttpRequest对象:
//如果浏览器是新版本,则支持window.XMLRquest,老IE则后面的版本

var xmlhttp;
if(window.XMLHttpRequest){
	xmlhttp = new XMLHttpRequest();
}else{
	xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}

2.发送Ajax请求:
//创建Ajax请求(GET为发送请求的方式,true为Ajax异步发送,false为同步)

xmlhttp.open("GET","/上下文路径/映射地址",true);

//发送到服务器:
xmlhttp:send();
3.处理服务器响应

xmlhttp.onreadystatechange() 事件用于监听AJAX的执行过程
xmlhttp.readyState属性说明XMLHTTPRequest当前状态
xmlhttp.status属性服务器状态码，200：成功 404：未找到 500：内部程序错误

xmlhttp.onreadystatechange =  function(){
//readyState==4说明服务器接收请求成功,xmlhttp.status==200说明服务器处理成功
	if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
//将服务器返回的请求传给变量t,可将t传给任何需要的元素作为更新后的显示
				var t = xmlhttp.responseText;
	}
}```