最近自学了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不变
结果:
网友评论