小博老师解析Java核心技术 ——AJAX第二弹

[引言]

上一回小博老师和大家聊了AJAX的原理与对应前端实现代码，那服务器是怎么接收客户端的请求并作出回应的呢。这回小博老师与大伙唠唠，AJAX的完整执行流程与服务器侧代码的实现。

 

[执行流程]

我们还是先看一张图片，通过图片我们看到AJAX的执行分成二部分，涉及到的技术点不少。请不用担心，上回的学习中以完成了客户端的代码，第二部分服务器侧代码一会儿小傅老师就给大伙奉上。

 [流程分析]

在开始编写服务器侧代码之前，我们将上面的执行进行细分，方便大伙的理解。图上的1，2，3，7步属于客户端操作，我们在上一回已经实现，忘记的朋友复习下吧。

4，5，6操作在服务器端完成，第五步访问数据根据实际的应用可以忽略。小傅老师这次就不再实现操作数据库了，感兴趣的朋友可以查看小傅老师的相应文章。

 

 

[服务器侧代码实现]

我们要在web服务器上准备一程序，接收客户端的请求并作出应答。这个程序可以用jsp、servlet、strusts、springMVC等都可以实现，小傅老师就用大伙比较熟悉的servlet来实现。

1. 创建一个类，并让它继承HttpServlet,同时重写doGet与doPost方法

 

2. 打开web.xml文件，配置servlet的请求路径

 

[部署、测试]

小傅老师一口气把所有代码都搞定了，接下来就要将项目部署到Tomcat服务器容器中，并将服务器启动起来。

打开浏览器，在地址栏中输入http://localhost:8080/ajax/hiAjax.jsp

在页面的文本框中输入要发送的信息，点击[ajax发送]按钮。怎么样，服务器是不是有信息返回了:-)

 

[小结]

通过这二回的学习，是不是感觉AJAX的实现很简单啊。可能有朋友说，服务器代码少，客户端代码那么多一不小心单词就拼写出错了，还要考虑浏览器的区别，太麻烦了。

   是的，AJAX实现的麻烦之处就是前端代码繁杂很是不便，那么是否简洁高效的前端实现？小傅老师卖个关子，我们下回见。