web项目Servlet配置及jsp访问Servlet

方法1:单一方法请求servlet

1、创建Servlet

@WebServlet("/HelloForm")
public class HelloForm extends HttpServlet {
    private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public HelloForm() {
        super();
        // TODO Auto-generated constructor stub
    }

    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 设置响应内容类型
        response.setContentType("text/html;charset=GBK");
        System.out.println("---HelloForm----doGet-------");
        PrintWriter out = response.getWriter();
        String title = "使用 GET 方法读取表单数据";
        // 处理中文
        String name =new String(request.getParameter("name"));
        String docType = "<!DOCTYPE html> \n";
        out.println(docType +
            "<html>\n" +
            "<head><title>" + title + "</title></head>\n" +
            "<body bgcolor=\"#f0f0f0\">\n" +
            "<h1 align=\"center\">" + title + "</h1>\n" +
            "<ul>\n" +
            "  <li><b>站点名</b>:"
            + name + "\n" +
            "  <li><b>网址</b>:"
            + request.getParameter("url") + "\n" +
            "</ul>\n" +
            "</body></html>

2、配置servlet——在web.xml文件里面配置

    <servlet>
    <servlet-name>HelloForm</servlet-name>
    <servlet-class>lgq.action.HelloForm</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>HelloForm</servlet-name>
    <url-pattern>/TomcatTest/HelloForm</url-pattern>
  </servlet-mapping>

3、jsp表单访问servlet

           <form action="HelloForm" method="post">
网址名:<input type="text" name="name">
<br />
网址:<input type="text" name="url" />
<input type="submit" value="提交" />
</form>

方法2:多方法servlet

1、创建servlet类

public class ServletInAJAX extends HttpServlet {
    private static final long serialVersionUID = 1L;
    private MyInterface dao = new MyInterfaceImpl();
    private MyTable table = new MyTable();
    private PageBean pageBean= new PageBean();
    
    /**
     * Constructor of the object.
     */
    public ServletInAJAX() {
        super();
    }

    /**
     * Destruction of the servlet. <br>
     */
    public void destroy() {
        super.destroy(); // Just puts "destroy" string in log
        // Put your code here
    }
    
    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
            System.out.println("-------doPost-------"+request.getParameter("method"));
        
             this.doGet(request, response);
    }
    
    
    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        System.out.println("-------doGet-------");
        //查询
        if(request.getParameter("method").equals("lgqtest")){
            List<String> list = new ArrayList<String>();
            String msg = "";
            msg ="测试接口啦"; 
            list.add(msg);
             response.getWriter().print(new JSONObject().element("msg",list));
        }
    
    }

    /**
     * Initialization of the servlet. <br>
     *
     * @throws ServletException if an error occurs
     */
    public void init() throws ServletException {
        // Put your code here
    }

}

2、配置servlet

      <servlet>
        <servlet-name>action1</servlet-name>
        <servlet-class>
            lgq.action.ServletInAJAX
        </servlet-class>
    </servlet>
    
        <servlet-mapping>
        <servlet-name>action1</servlet-name>
        <url-pattern>/testa</url-pattern>
    </servlet-mapping>

3、访问servlet

创建jQuery方法

<script type="text/javascript" src="./jquery/jquery-1.4.4.min.js"></script>

    <script type="text/javascript">
           $(function(){
           
                    $("#btn").click(function(){
                        var url = $("#myForm").attr("action");
                        var data = $("#myForm").serialize();

                        $("#testb1").text(url);
                        $("#data1").text(data);
                        
                      $.ajax({
               url:"/Helloworld/testa?method=lgqtest",
               type:"get",
               dataType:"json",
               success:function(data){ 
                   console.info("我的我的我的我三方第三方");
                   console.debug("我的我的我的我ugaaaaaaaaa");
                   console.log(data);
                
                    $('#alert_div div:eq(1)')
                                .text(''+data.msg).css('color','red');
                                 $('#alert_div').fadeIn('150');
                  /*   alert(data.msg); */
      
               }
           });
               
                   });

 });

标签点击调用jQuery 方法

<button type="button" id="btn">Login</button>

猜你喜欢

转载自blog.csdn.net/meixi_android/article/details/86478645