[引言]
上一回小博老师和大家聊了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实现的麻烦之处就是前端代码繁杂很是不便,那么是否简洁高效的前端实现?小傅老师卖个关子,我们下回见。