js實現ajax局部刷新


//使用js進行ajax進行提交,異步提交,局部刷新頁面
  //1.創建ajax對象
    var xhr= new XMLHttpRequest();
  /**
  * 2.打開連接
  * 參數講解
  * 1.提價方式 "post","get"
  * 2.提交路徑 "CheckNameServlet?name="+?
  * 3.是否是異步,默認true,可以不寫,數據類型為boolean類型
  */
    xhr.open("post","CheckNameServlet?name"+user)
  //3.發送請求
    xhr.send();
  //4.接收Serlvet返回的數據(數據回調)
    xhr.onreadystatechange=function(){
  /**
  * 判斷兩個狀態(后台已經處理完畢,接收的參數)
  * 1.ajax.readyState
  *    0 沒有調用send方法
  *    1 已經調用send方法,正在發送請求
  *    2 send方法已經完成
  *    3 正在解析響應內容
  *    4 響應內容解析完成
  * 2.ajax.status
  *    https://tool.oschina.net/commons?type=5
  */
    if(xhr.readyState == 4 && xhr.status == 200){
      //響應成功,從后台獲取數據
      var message = xhr.responseText;
      usrInfo.innerHTML = message;
    }


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM