ajax提交Form表單數據到後臺

先引入jQuery。

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

這一段是提交數據到後臺的JS代碼。

<script type="text/javascript">
		function login() {
            $.ajax({
            //幾個參數需要注意一下
                type: "POST",//方法類型，或者用GET
                dataType: "html",//預期服務器返回的數據類型，可以改成json
                url: "http://localhost:8080/jiaojing/DBServlet" ,//ip:端口/項目名稱/Servlet名稱
                data: $('#upload').serialize(),//獲取表單裏的數據到這裏
                success: function (result) {
                    
                    if (result == 520) {
                        alert("保存成功！");
                    }
                    ;
                },
                error : function() {
                    alert("異常！");
                }
            });
        }
        
    </script>

Servlet裏面，在類上方需要加註解：@WebServlet(description="DBServlet",urlPatterns= {"/DBServlet"})

這樣加註解只是其中的一種方式。

result的值是Servlet裏打印的值。

PrintWriter out=response.getWriter();
	    out.print("520");

打印的值會被ajax捕獲，可以用這個方法從後臺往前臺發數據。

下面是要提交的表單Form。

<form id="upload" >
<input name="xzqh" id="xzqh"  >
<input type="button" value=" 保  存 " onclick="login()"/>
</form>

表單只需要指定一個id就行了，用於ajax獲取其中的值發送到後臺。

後臺獲取數據呢，就用  request.getParameter("xzqh");  就行了，和直接表單提交是一樣的，這裏的xzqh是表單裏的標籤裏的name的值，也就是通過name獲取值的 。