jsp用ajax传值给servlet并返回

来源：互联网发布：java缓存技术编辑：程序博客网时间：2024/06/04 19:12

1、index.jsp

<%--     Document   : index    Created on : 2017-9-26, 22:27:13    Author     : Administrator--%><%@page contentType="text/html" pageEncoding="UTF-8"%><!DOCTYPE html><html>    <head>        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">        <title>JSP Page</title>        <script src="js/jquery-3.1.1.min.js"></script>        <script src="js/testjs.js"></script>    </head>    <body>        <form action="">            <table border="0">                <tr><td>name:</td><td><input type="text" name="name"/></td></tr>                <tr><td>password:</td><td><input type="password" name="pwd"/></td></tr>                <tr><td></td><td><input type="button" value="GETsubmit"/></td></tr>            </table>        </form>        <div id="show"></div>    </body></html>

2、test.js

/*  * To change this template, choose Tools | Templates * and open the template in the editor. */    $(document).ready(function(){        $("[value=GETsubmit]").click(function(){            $.ajax({                type: "POST",                url: "testservlet?name="+$("[name=name]").val()+"&pwd="+$("[name=pwd]").val()+"&date="+new Date().getTime(),                dataType: "text",                success: function(data){                    if(data=="true"){                        $("#show").html("===ok==="+"<br/>"+"name="+$("[name=name]").val()+"<br/>"+"pwd="+$("[name=pwd]").val());                    }else if(data=="false"){                        $("#show").html("==信息不符合==")                        window.onload("index.jsp");                    }                },                error: function(){                    $("#show").html("Error XMLHttpRequest");                }            });        });    });

3、Testservlet.java

/* * To change this template, choose Tools | Templates * and open the template in the editor. */package com.servlet;import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;/** * * @author Administrator */@WebServlet(name = "Testservlet", urlPatterns = {"/testservlet"})public class Testservlet extends HttpServlet {    /**     * Processes requests for both HTTP     * <code>GET</code> and     * <code>POST</code> methods.     *     * @param request servlet request     * @param response servlet response     * @throws ServletException if a servlet-specific error occurs     * @throws IOException if an I/O error occurs     */    protected void processRequest(HttpServletRequest request, HttpServletResponse response)            throws ServletException, IOException {        response.setContentType("text/html;charset=UTF-8");        PrintWriter out = response.getWriter();        try {            /* TODO output your page here. You may use following sample code. */            out.println("<!DOCTYPE html>");            out.println("<html>");            out.println("<head>");            out.println("<title>Servlet Testservlet</title>");                        out.println("</head>");            out.println("<body>");            out.println("<h1>Servlet Testservlet at " + request.getContextPath() + "</h1>");            out.println("</body>");            out.println("</html>");        } finally {                        out.close();        }    }    // <editor-fold defaultstate="collapsed" desc="HttpServlet methods. Click on the + sign on the left to edit the code.">    /**     * Handles the HTTP     * <code>GET</code> method.     *     * @param request servlet request     * @param response servlet response     * @throws ServletException if a servlet-specific error occurs     * @throws IOException if an I/O error occurs     */    @Override    protected void doGet(HttpServletRequest request, HttpServletResponse response)            throws ServletException, IOException {        processRequest(request, response);    }    /**     * Handles the HTTP     * <code>POST</code> method.     *     * @param request servlet request     * @param response servlet response     * @throws ServletException if a servlet-specific error occurs     * @throws IOException if an I/O error occurs     */    @Override    protected void doPost(HttpServletRequest request, HttpServletResponse response)            throws ServletException, IOException {        response.setContentType("application/text; charset=utf-8");        PrintWriter out = response.getWriter();                String name = request.getParameter("name");        String pwd = request.getParameter("pwd");        System.out.println("name="+name+" pwd="+pwd);        if(name.equals("admin") && pwd.equals("123456")){            try {                out.write("true");            } catch (Exception e) {                e.printStackTrace();            }finally{                out.close();            }        }else{            try {                out.write("false");            } catch (Exception e) {                e.printStackTrace();            }finally{                out.close();            }        }    }    /**     * Returns a short description of the servlet.     *     * @return a String containing servlet description     */    @Override    public String getServletInfo() {        return "Short description";    }// </editor-fold>}

阅读全文

1 0