【ajax】xmlHttpRequest 第一个例子服务器返回的是HTML格式

最新推荐文章于 2022-04-06 17:44:09 发布

Jeep_Dom

最新推荐文章于 2022-04-06 17:44:09 发布

阅读量2.3k

点赞数

分类专栏： Javascript 文章标签： xmlhttprequest ajax servlet post get

本文链接：https://blog.csdn.net/jeep_ouc/article/details/17131971

版权

本文展示了如何使用Ajax的xmlHttpRequest对象与服务器进行交互，通过GET和POST方法发送请求。在GET请求中，send()方法传递null；在POST请求中，设置content-type首部为'application/x-www-form-urlencoded'来发送URL编码的数据。

摘要由CSDN通过智能技术生成

客户端文件

<script type="text/javascript" src="js/test.js"></script>
<title>Insert title here</title>
</head>
<body>
	 <form>
	 	<input type="button" name="ok" id="ok" value="测试服务器的链接">
	 </form>
</body>

test.js代码

 /**
  * ajax建立和服务器的链接，接收服务器的请求，处理服务器返回的数据
  * 开发步骤：
  * 	创建xmlHttpRequest对象
  * 	处理服务器端的响应
  * 	打开和服务器的链接
  * 	发送服务	
  * */

function ajaxFunction(){
	var xmlHttp;
	try{        //Firefox
		xmlHttp = new XMLHttpRequest();
	}catch(e){
		try{  //IE 
			xmlHttp = new ActiveXObject("Msxm12.XMLHTTP");
		}catch(e){
			try{
				xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
			}catch(e){}
		}
	}
	return xmlHttp; 
}

window.onload = function(){
	document.getElement