利用JSP实现Ajax

最新推荐文章于 2022-11-21 15:46:04 发布

D调的蝈蝈

最新推荐文章于 2022-11-21 15:46:04 发布

阅读量786

点赞数

文章标签： ajax 前端 jsp

本文链接：https://blog.csdn.net/baojiwen/article/details/51518155

版权

回顾Ajax的实现过程，包含前端代码和后台Java代码。

（1）后台创建过程

1.使用MyEclipse10创建Web工程。

2.新建servlet，注意不是新建class

使用MyEclipse会自动为servlet配置web.xml文件。

（2）前台代码

主要是JS代码，通过post方式去调用刚刚创建的servlet。

   	function funServlet(){
	   var xmlhttp = new XMLHttpRequest();
	   xmlhttp.onreadystatechange=function(){
		   console.log("readyState:"+xmlhttp.readyState+";status"+xmlhttp.status);	
		   if(xmlhttp.readyState == 4 && xmlhttp.status == 200)
		   { 
		   	   alert(xmlhttp.responseText);
		   }
	   };
	   xmlhttp.open("post","./servlet/servletForAjax",true);
	   xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	   xmlhttp.send("name=allen&password=123456"); 
  	}

通过给一个button添加click函数去调用sunServlet，来发起一个Ajax请求。注意open方法的第二个参数是MappingURL。
（3）测试
控制台输出。