点击上方“蓝字”关注本公众号 AJAX第二弹 ○ 上一回小博老师和大家聊了AJAX的原理与对应前端实现代码,那服务器是怎么接收客户端的请求并作出回应的呢。这回小博老师与大伙唠唠,AJAX的完整执行流程与服务器侧代码的实现。 [执行流程] 我们还是先看一张图片,通过图片我们看到AJAX的执行分成二部分,涉及到的技术点不少。请不用担心,上回的学习中以完成了客户端的代码,第二部分服务器侧代码一会儿小傅老师就给大伙奉上。 [流程分析] 在开始编写服务器侧代码之前,我们将上面的执行进行细分,方便大伙的理解。图上的1,2,3,7步属于客户端操作,我们在上一回已经实现,忘记的朋友复习下吧。 4,5,6操作在服务器端完成,第五步访问数据根据实际的应用可以忽略。小傅老师这次就不再实现操作数据库了,感兴趣的朋友可以查看小傅老师的相应文章。 [服务器侧代码实现] 我们要在web服务器上准备一程序,接收客户端的请求并作出应答。这个程序可以用jsp、servlet、strusts、springMVC等都可以实现,小傅老师就用大伙比较熟悉的servlet来实现。
[部署、测试] 小傅老师一口气把所有代码都搞定了,接下来就要将项目部署到Tomcat服务器容器中,并将服务器启动起来。 打开浏览器,在地址栏中输入http://localhost:8080/ajax/hiAjax.jsp 在页面的文本框中输入要发送的信息,点击[ajax发送]按钮。怎么样,服务器是不是有信息返回了:-) [小结] 通过这二回的学习,是不是感觉AJAX的实现很简单啊。可能有朋友说,服务器代码少,客户端代码那么多一不小心单词就拼写出错了,还要考虑浏览器的区别,太麻烦了。 是的,AJAX实现的麻烦之处就是前端代码繁杂很是不便,那么是否简洁高效的前端实现?小傅老师卖个关子,我们下回见。 本文转载于微信公众号: 博为峰51Code软件开发(BWF-EDUCATION),更多微信文章请扫描关注公众号: |
|
声明:文章版权归原作者所有 部分文章转自互联网 如有侵权请联系
[邮箱地址] 删除
|