1. 程式人生 > >ajax 和 jsp

ajax 和 jsp

訪問 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