Ajax提交數據
阿新 • • 發佈：2018-01-30
ajax 結果 esp 成功 con 使用 stat itl let 1，jsp
<title>測試Ajax</title> <script type="text/javascript" src="jquery-1.10.1.js"></script> <script type="text/javascript"> $(function(){ $("#xxx").blur(function(){ var value = $(‘#xxx‘).val(); $.ajax({ url:"/java_web02/AjaxServlet", //要請求服務器的url data:{val:value}, //這是一個對象，表示請求參數val=xx, 服務器端可以使用request.getParameter()來獲取 async:true, //是否為異步請求 cache:false, //是否緩存結果 type:"POST", //請求方式 dataType:"json", //服務器返回的數據是什麽類型 success:function(result){//這個函數在服務器執行成功時會被調用，參數result就是服務器返回的值 $(‘label‘).text(result.name + "," + result.age); } }); }); }); </script> </head> <body> 用戶名：<input type="text" name="name" id="xxx"/><label></label><br /> 年齡：<input type="text" name="age" /> </body>
2，servlet
@WebServlet("/AjaxServlet") public class AjaxServlet extends HttpServlet { private static final long serialVersionUID = 1L; protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //設置編碼格式 request.setCharacterEncoding("utf-8"); response.setContentType("text/html;charset=utf-8"); //獲取前臺傳來的數據 String value = request.getParameter("val"); if(value.equals("xiaoxiao")){ String str = "{\"name\":\"好人\", \"age\":23}"; //用\來轉義 response.getWriter().print(str); }else { String str = "{\"name\":\"壞人\", \"age\":89}"; response.getWriter().print(str); } } protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request, response); } }
Ajax提交數據