歡迎您光臨本站 註冊首頁

基於ajax及jQurey實現區域性重新整理過程解析

←手機掃碼閱讀     月球人 @ 2020-06-12 , reply:0

1、jQurey使用時需匯入jquery-1.4.2.js在web資料夾下

並在寫script時需像如下定義script標籤:



2、jQurey的語法:透過$(要選取的元素)

定義響應ajax的Servlet

  String buttonName=request.getParameter("buttonName");      JSONObject jsObject =null;    //定義一個要返回的的資料      if (buttonName.equals("button_1")){        jsObject=new JSONObject("{first:"傻子",second:"傻子",third:"傻子"}"); //以鍵值對方式儲存        }      if (buttonName.equals("button_2")){        jsObject=new JSONObject("{first:"傻女",second:"傻女",third:"傻女"}");        }      if (buttonName.equals("button_3")){        jsObject=new JSONObject("{first:"傻佬",second:"傻佬",third:"傻佬"}");        }      response.getOutputStream().write(jsObject.toString().getBytes("utf-8")); //透過respon.getOutputStream獲取輸出流 將資料傳回jsp頁面    }

 

ajax使用形式如下:

  $.ajax({      url:"/AJAX_war_exploded/ClickServlet", //定義需轉到的Servlet      type:"post",                //定義提交的形式      data:{                   //定義要傳遞的資料,以鍵值對形式儲存       buttonName:"button_2"      },                     //每個ajax都會讓Servlet回傳一個資料      dataType:"json",             //定義回傳資料的型別      success:function(result){       //ajax收到回傳的資料是會觸發的事件success       var first=result.first;       var second=result.second;       var third=result.third;       $(".first")[0].innerHTML=first;    //該形式使用了jQuery獲取html元素       $(".second")[0].innerHTML=second;       $(".third")[0].innerHTML=third;      }     })    })

  


[月球人 ] 基於ajax及jQurey實現區域性重新整理過程解析已經有179次圍觀

http://coctec.com/docs/javascript/show-post-238294.html