jqury ajax 方法小總結

 

//jsp中代碼：

<%--
 基於JQuery的ajax方法，一共有三步。
     第一步：前臺觸發事件，將數據傳遞給後臺處理。
     第二步：後臺接收到前臺發送的數據，做完邏輯處理後，回送到前臺。
     第三步：前臺接收到後臺處理完的數據，展示到頁面上。
 --%>
<script type="text/javascript">
 function ToCheckUserName(){
  var username = document.getElementById("username").value;
  $.ajax({
   //url，表示需要請求的地址。這裏我用的是相對路徑，一般用絕對路徑較好
   url:"CheckName.action",
   //data，使用JSON格式，向後臺傳數據，userName爲數據名，username爲值
   data:{userName:username},
   //dataType，後臺回傳給前臺時使用的數據格式
   dataType:"text",
   //async，表示是否爲異步請求，一般爲true
   async:true,
   //success和error，兩個回調方法，只調用一個，成功success，失敗error
   success:function(data){
    document.getElementById("span").innerHTML = data;
   }
   /*
   error:function(data){
    
   }
   */
  });
 }
</script>

其中不要忘記導入jquery，即在上面代碼上加上

<script src="js/jquery-1.11.2.js" type="text/javascript"></script>                //其中js爲webcontent下的一個文件夾

 

服務器端代碼如下：

PrintWriter out = response.getWriter();
    out.write("向頁面顯示的內容");

load()初嘗試

load() 方法通過 AJAX 請求從服務器加載數據，並把返回的數據放置到指定的元素中。

load(url,data,function(response,status,xhr))

 

 

參數	描述
url	規定要將請求發送到哪個 URL。
data	可選。規定連同請求發送到服務器的數據。
function(response,status,xhr)	可選。規定當請求完成時運行的函數。 額外的參數： response - 包含來自請求的結果數據 status - 包含請求的狀態（"success", "notmodified", "error", "timeout" 或 "parsererror"） xhr - 包含 XMLHttpRequest 對象

 

 例:

加載 feeds.html 文件內容：

$("#feeds").load("feeds.html");