jsp向servlet传递参数,通过ajax

今天尝试了一下,用ajax方法提交数据的方法,觉得还是比较厉害的

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="jquery/jquery.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
    $(function(){
        $("#btn").click(function(){
            //alert("successful");
            $.post("formajax",{uname:$("[name='uname']").val()},function(data){
                $("#info").html(data);
            });

        });
    })
</script>
<form method">
    <input type="text" value="" name="uname">
    <input type="button" id="btn" value="提交表单">
</form>
</head>
<body>
<div id="info"></div>
</body>
</html>

servlet的代码如下:

package javastudy;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class formajax
 */
@WebServlet("/formajax")
public class formajax extends HttpServlet {
    private static final long serialVersionUID = 1L;

    /**
     * @see HttpServlet#HttpServlet()
     */
    public formajax() {
        super();
        // TODO Auto-generated constructor stub
    }

    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        response.setCharacterEncoding("UTF-8");
        ServletContext app=request.getServletContext();
        String uname="";
        PrintWriter out=response.getWriter();
        uname=(String)request.getParameter("uname");
//      out.println(u);
        if(uname==null | uname=="")
        {
            out.println("对不起,登陆名为空");
        }else
        {
            out.println("登陆名为:"+uname);
        }
    }

    /**
     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        doGet(request, response);
    }

}

jsp向servlet传递参数,通过ajax

猜你喜欢