首页 / AJAX / 一个简单的aJax——后台用servlet技术

一个简单的aJax——后台用servlet技术

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了一个简单的aJax——后台用servlet技术，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2110字，纯文字阅读大概需要4分钟。

内容图文

示例：webDemo

一、客户端

            <%
            --
            
  Created by IntelliJ IDEA.
  User: Administrator
  
            Date
            : 
            15
            -
            12
            -
            2
            Time
            : 上午5:
            41
            To
             change this template use File | Settings | File Templates.

            --
            %>
            <%
            @ page contentType
            =
            "
            text/html;charset=UTF-8
            "
             language
            =
            "
            java
            "
            %>
            <
            html
            >
            <
            head
            >
            <
            title
            ></
            title
            >
            <
            script 
            type
            ="text/javascript"
             src
            ="js/jquery-1.11.2.js"
            ></
            script
            >
            <
            script 
            type
            ="text/javascript"
            >
            function
              ajaxTest(){
              $.ajax({
                  type: 
            "
            POST
            "
            ,
                  url: 
            "
            mytest
            "
            ,
                  data: 
            "
            name=John&location=Boston
            "
            ,
                  success: 
            function
            (data){
                      alert( 
            "
            Data Saved: 
            "
            +
             data );
                  }
              });
          }

      
            </
            script
            >
            </
            head
            >
            <
            body
            >
            <
            form 
            action
            ="mytest"
             method
            ="post"
            >
            <
            input 
            name
            ="name"
            >
            
      return:${name}
      
            <
            input 
            value
            ="提交"
             type
            ="submit"
            >
            <
            input 
            value
            ="ajax"
             type
            ="button"
             onclick
            ="ajaxTest();"
            >
            </
            form
            >
            </
            body
            >
            </
            html
            >

二、服务端

            package
             com.wql.test;


            import
             javax.servlet.ServletException;

            import
             javax.servlet.annotation.WebServlet;

            import
             javax.servlet.http.HttpServlet;

            import
             javax.servlet.http.HttpServletRequest;

            import
             javax.servlet.http.HttpServletResponse;

            import
             java.io.IOException;

            import
             java.io.PrintWriter;

            
@WebServlet("/mytest")
publicclass Test extends HttpServlet {
    @Override
    protectedvoid doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doPost(req, resp);
    }

    @Override
    protectedvoid doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        req.setCharacterEncoding("UTF-8");
        String name=req.getParameter("name");
        req.setAttribute("name",name);
        //----ajax
        PrintWriter writer =  resp.getWriter();
        //获取ajax的请求数据
        String reqParam1 = req.getParameter("name");
        String reqParam2 = req.getParameter("location");
        //调用PrintWriter的print或write方法均可将数据写入请求页面的ajax请求的回调函数——data
//        writer.print("ajaxName of print");
        writer.print(reqParam1);//John 将ajax的请求中的数据写出
//        writer.write("ajaxName");

//        req.getRequestDispatcher("index.jsp").forward(req, resp);    }

}

 

原文：http://www.cnblogs.com/wql025/p/5022820.html

内容总结

以上是互联网集市为您收集整理的一个简单的aJax——后台用servlet技术全部内容，希望文章能够帮你解决一个简单的aJax——后台用servlet技术所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1167751.html

来源：【匿名】