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

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

@WebServlet("/login")//這里和ajax里面的url一致，代表請(qǐng)求的是這個(gè)servlet
public class login extends HttpServlet {
	前面請(qǐng)求類型為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)義符號(hào)為了轉(zhuǎn)義雙引號(hào)
		//注意這里格式要求很嚴(yán)格，不能用單引號(hào)，建議使用第三方框架自動(dòng)生成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í)行到這里就會(huì)返回?cái)?shù)據(jù)給前端，前端結(jié)果為success，調(diào)用success里面的內(nèi)容
	}