AJAX的请求步骤

最新推荐文章于 2024-09-17 13:42:29 发布

北冥٩( ๑╹ ꇴ╹)۶

最新推荐文章于 2024-09-17 13:42:29 发布

阅读量73

点赞数

分类专栏：笔记文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44054325/article/details/105088677

版权

笔记专栏收录该内容

3 篇文章 0 订阅

订阅专栏

什么是AJAX
AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。
AJAX 不是新的编程语言，而是一种使用现有标准的新方法。
AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。（网页局部更新）
AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。
AJAX的使用步骤
1.创建Ajax对象

var xmlhttp;
	if (window.XMLHttpRequest)
	{
		//  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
		xmlhttp=new XMLHttpRequest();
	}
	else
	{
		// IE6, IE5 浏览器执行代码
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}

2.连接服务器

xmlhttp.open("GET","ajax_info.txt",true);
//method：请求的类型；GET 或 POST
//url：文件在服务器上的位置
//async：true（异步）或 false（同步）
xmlhttp.open("GET","/try/ajax/demo_get.php",true);

3.发送请求

xmlhttp.send();

4.接受请求

xmlhttp.onreadystatechange=function()
	{
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
			document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
		}
	}
//readyState
//0 （未初始化）还没有调用open方法
//1 （载入）已经调用send（）方法，正在发送请求
//2（载入完成）已收到全部响应内容
//3（解析）正在解析响应内容
//4（完成）响应内容解析完成，可以在客户端调用
//status
//200: "OK"
//404: 未找到页面