ajax 和 jsp
阿新 • • 發佈:2017-07-02
訪問 ces 服務 nbsp servle 一個 處理 exc url
jsp:
<jsp:include>動態包含,把顯示的結果插入到當前頁面顯示
<jsp:forword page="WEB-INF/vip.jsp"></jsp:forword> 轉發訪問放在WEB-INF文件下的文件
jsp提供了9個隱式對象:request,response,out,session,application,config,pageContext,page和exception
request.setArribute("studentBean",bean) //設置《鍵,值》
EL表達式 : ${studentBean.name}--------------->bean.getName();
判斷標簽<c:if test=" "> </c:if> 等效 if ();
<c: choose>
<c: when test=" "> </c: when >
<c: otherwise> </c: otherwise>
</c: choose> //等效於 if else
AJAx:一種無需重新加載整個頁面,局部刷新網頁技術《異步》
ajax :創建一個XMLHttpRequest對象:用於後臺與服務器交換數據
JS代碼《前端》
$(function(){ $("#userName").blur(function(){ if($("#userName").val()!=""){ $.ajax({ type:"post", url:"UserNameServlet", data:{"checkName":$("#userName").val()}, //以鍵值對的方式傳數據到後臺 Servlet dataType:"json", 回調函數 success:function(mydata){// alert(mydata.find); //獲取回調值mydata中數據:mydata.鍵《find》------>的值表示方法 該回調函數值mydata可以是JSON格式的:對象或者數組 // console.log(mydata.find); if(mydata.find==1){ $("#nameSpan").html("用戶已存在"); $("#userName").val(""); }else{ $("#nameSpan").html("√用戶可用"); $("#loginButton").click(function(){ location.href="index.jsp"; }); } } }); } }); });
後臺UserNameServlet處理《doPost()》
String userName=request.getParameter("checkName"); System.out.println(userName); IUserServiceDao dao=new UserServiceImpl(); boolean isFind=dao.cheakByUserName(userName);//業務層判斷如果有這個名返回true,沒有返回false PrintWriter out=response.getWriter(); //方法一:返回一個json格式的字符串 Gson gson=new Gson; String json=gson.tojson(Object);out.print(Object) object可以是數據或者對象 int i=0; if(isFind){ i=1; out.println("{\"find\":"+i+"}"); //方法二:返回一個json格式的字符串,json格式的字符串 ,鍵都是字符串類型,所以用拼接雙引號
}else{
out.println("{\"find\":"+i+"}");
} //System.out.println(isFind);
}
ajax 和 jsp