ajax和servlet交互
2018-07-25 本文已影响0人
取名废同学
最近自学了bootstrap、ajax、jQeury，没有学深，都是学个大概，要用的时候查一下的那种程度。$.getJSON('
今天要写的是前端ajax和后台servlet交互
注意：！！！
1.要导入org.json.jar包（记住一定不能再项目build path导入，而是要在webroot的lib下放入jar）
2.要导入js包（里面有jQuery.js等，在js中写的时候要在<head></head>标签中导入这些js）
<script type="text/javascript" src="jQuery.js"></script> （src中要写清楚js的路径）
一、前端ajax传给后台servlet
1.前端页面:
ajaxDemo.jsp:
用到的ajaxFun.js(一般把js的方法单独写一个js文件）
此处用到了jQuery ajax的post方法，一般也是常用post方法：
注意：这里的url和我们一般写jsp表单的action一样，都是web.xml中定义的servlet的url-pattern的那个地址
2.后台的servlet：
直接获取请求的getParameter
3、用了servlet要设置web.xml或者是直接在servlet用注解配置：
web.xml
结果显示：
二、后台servlet传到前端ajax（用的json）
1.servlet类用JsonObject，用PrintWriter传到前端
TestServlet：
2、前端页面demo.html:
init.js（js方法比较重要!!!)：
这里type是post，所以在servlet中写在doPost()中
3、web.xml不变
结果：
