AJAX的请求步骤

什么是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: 未找到页面
发布了10 篇原创文章 · 获赞 3 · 访问量 175
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览