理解AJAX并实践-优快云博客

本文链接：https://blog.youkuaiyun.com/wangjianno2/article/details/52436138

1.AJAX概念

AJAX不是一门新技术，而是利用现有的技术(JavaScript和XML)来解决“异步刷新”问题的解决思路和方案。AJAX是Asynchronous JavaScript and XML（异步的JavaScript和XML）的缩写。AJAX通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。而传统的网页（不使用AJAX）如果需要更新内容，必需重载整个网页面。

2.AJAX工作原理

3.AJAX的用法举例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script>
			function loadXMLDoc()
			{
				var xmlhttp;
				if (window.XMLHttpRequest)
				{// code for IE7+, Firefox, Chrome, Opera, Safari
					xmlhttp=new XMLHttpRequest();
				}
				else
				{// code for IE6, IE5
					xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
				}
				xmlhttp.onreadystatechange=function()
				{
					if (xmlhttp.readyState==4 && xmlhttp.status==200)
					{
						document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
					}
				}
				xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);
				xmlhttp.send();
			}
		</script>
	</head>
	<body>
		<div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>
		<button type="button" onclick="loadXMLDoc()">修改内容</button>
	</body>
</html>

AJAX基础