ajax和servlet交互

最近自学了bootstrap、ajax、jQeury,没有学深,都是学个大概,要用的时候查一下的那种程度。$.getJSON('

今天要写的是前端ajax和后台servlet交互

注意:!!!

1.要导入org.json.jar包(记住一定不能再项目build path导入,而是要在webroot的lib下放入jar)

2.要导入js包(里面有jQuery.js等,在js中写的时候要在标签中导入这些js)

  (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不变

结果:







你可能感兴趣的:(ajax和servlet交互)