利用JSP实现Ajax

最新推荐文章于 2025-07-06 15:26:28 发布

D调的蝈蝈

最新推荐文章于 2025-07-06 15:26:28 发布

阅读量818

点赞数

CC 4.0 BY-SA版权

文章标签： ajax 前端 jsp

本文链接：https://blog.youkuaiyun.com/baojiwen/article/details/51518155

本文介绍了一个具体的Ajax应用案例，包括如何在前端使用JavaScript发起Ajax请求，并通过post方式与后台Java Servlet进行数据交换。具体步骤涵盖前端代码编写、后台Java Servlet的创建及配置、以及最终的测试验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

回顾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）测试
控制台输出。