Ajax:响应数据

数据提交到的两种请求Get和Post基本上都会使用后,就应该想获取数据的问题了。前面我们都一直很无私的往服务器提交数据,那么服务器返回的那些数据,我们又该怎么通过Ajax去拿呢?

这里就要靠xmlhttprequest的事件onreadystatechange,这是用来监听我们请求的一些状态,比如:成功了还是失败了。如果成功,想获取数据,得靠xmlhttprequest的responseTextresponseXML属性

完整例子:

function doGet() {
	//1、获取XMLHttpRequest对象,代码跟以前一样,此处不再赘述。
	var request = ajaxFunction();

	//2、获取请求
	// http://localhost:8080/day16/demo01.jsp
	//http://localhost:8080/day16/DemoServlet01
	/*	
	参数一: 请求类型  GET or  POST
	参数二: 请求的路径
	参数三: 是否异步, true  or false
	*/
	request.open("GET", "ServletDemo1", true);
		
	//3、获取相应数据,注意监听的意思。一会准备的状态发生了改变,那么就执行=右边的方法
    //对请求的状态 进行监听。
	request.onreadystatechange=function(){
		//前半段表示  已经能够正常处理。在判断状态码是否是200
		if(request.readyState==4 && request.status==200){
		        //设置节点id为 myDiv的标签 结果为 我们请求得到的响应文字
			document.getElementById("myDiv").innerHTML=request.responseText;
		}
	}
    //发送请求
	request.send();
}

猜你喜欢

转载自blog.csdn.net/HYN205/article/details/83686057