美文网首页我爱编程
ajax和servlet交互

ajax和servlet交互

作者: 取名废同学 | 来源:发表于2018-07-25 11:44 被阅读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不变

    结果:


    相关文章

      网友评论

        本文标题:ajax和servlet交互

        本文链接:https://www.haomeiwen.com/subject/rtwumftx.html