ajax数据请求

利用XMLHTTPRequest进行异步数据请求

前台代码：

function createXMLHttpRequest(){
	var xmlrequest;
	if(window.XMLHttpRequest){
		xmlrequest=new XMLHttpRequest();
	}else if(window.ActiveXObject){
		try{
			xmlrequest=new ActiveXObject("Msxm12.XMLHTTP");
		}catch(e){
			try{
				xmlrequest=new ActiveXObject("Microsoft.XMLHTTP");
			}catch(e){
				xmlrequest="";
			}
		}
	}
	return xmlrequest;
}

function change(){
	var xmlrequest=createXMLHttpRequest();
	xmlrequest.open("POST","TestServlet",true);
	xmlrequest.onreadystatechange=function(){
		if(xmlrequest.readyState==4&&xmlrequest.status==200){
			var data=JSON.parse(xmlrequest.responseText);
			var content="<table border=1>";
			for(var i=0;i<data.length;i++){
				content+="<tr>";
				for(o in data[i]){
					content+="<td>"+data[i][o]+"</td>";
				}
				content+="</tr>";
			}
			content+="</table>";
			document.getElementById("test").innerHTML=content;
		}
	};
	xmlrequest.send();
}

public void doPost(HttpServletRequest request,HttpServletResponse response)
			throws ServletException,IOException {

		response.setContentType("text/html");
		PrintWriter out = response.getWriter();
	        String data="[{"name":"apple","price":23},{"name":"banana","price":12},{"name":"orange","price":8}]";
		out.write(data);
		out.flush();
		out.close();
	}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!