<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">

window.onload=function(){//在頁面加載的時候調(diào)用這個函數(shù)
	var jsondata={//前端可以發(fā)送數(shù)據(jù)給后端，json形式
		"name":"zhansan",
		"password":"123456"
	}
	$.ajax({//向服務(wù)器發(fā)出請求的方法
			type:"post",
			url:"login",//向服務(wù)器請求的url
			data:jsondata,//注意，就算不需要發(fā)送數(shù)據(jù)給后端也要有data
			success:function(data){//請求服務(wù)器成功后返回頁面時頁面可以進行處理，data就是后端返回的數(shù)據(jù)
				alert("前端請求后端成功，返回了數(shù)據(jù),數(shù)據(jù)顯示用戶名為"+data.name);
			}
			error:function(e){
				alert("發(fā)生未知錯誤")；
			}
		}
	)
}

@WebServlet("/login")//這里和ajax里面的url一致，代表請求的是這個servlet
public class login extends HttpServlet {
	前面請求類型為post函數(shù)
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {	
		//從前端傳遞的request中取值
		System.out.println("前端傳遞過來的名字是"+request.getParameter("name"));
		//構(gòu)造json字符串傳遞回前端，\為java轉(zhuǎn)義符號為了轉(zhuǎn)義雙引號
		//注意這里格式要求很嚴格，不能用單引號，建議使用第三方框架自動生成json字符串
		String s= "{\"name\":\"張三\",\"password\":\"123456\"}";
		response.setCharacterEncoding("utf-8");
		response.setContentType("application/json; charset=utf-8");//返回的格式必須設(shè)置為application/json
		response.getWriter().write(s);//寫入到返回結(jié)果中
		//完成，執(zhí)行到這里就會返回數(shù)據(jù)給前端，前端結(jié)果為success，調(diào)用success里面的內(nèi)容
	}