jquery ajax實現無重新整理資料載入代碼

最後更新：2017-01-13 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

<script>
var xml_http_building_link = '請等待，正在建立串連...';
var xml_http_sending = '請等待，正在發送資料...';
var xml_http_loading = '請等待，正在接受資料...';
var xml_http_load_failed = '通訊失敗，請重新整理重新嘗試';
var xml_http_data_in_processed = '通訊成功，資料正在處理中...';

function Ajax(statusId, recvType) {
var aj = new Object();
if(document.getElementById(statusId)) {
  aj.statusId = document.getElementById(statusId);
} else {
  var divElement = document.createElement("DIV");
  divElement.className = "xweb-ajaxmsg";
  divElement.style.position = "fixed";
  divElement.style.right = "0";
  divElement.style.top = "0";
  divElement.style.background = "red";
  divElement.style.color = "#FFF";
  divElement.style.lineHeight = "2em";
  divElement.style.padding = "0 20px";
  divElement.id = statusId;
  document.body.appendChild(divElement);
  aj.statusId = divElement;
}

aj.targetUrl = '';
aj.sendString = '';
aj.recvType = recvType ? recvType : 'HTML';//HTML XML
aj.resultHandle = null;

aj.createXMLHttpRequest = function() {
  var request = false;
  if(window.XMLHttpRequest) {
   request = new XMLHttpRequest();
   if(request.overrideMimeType) {
    request.overrideMimeType('text/xml');
   }
  } else if(window.ActiveXObject) {
   var versions = ['Microsoft.XMLHTTP', 'MSXML.XMLHTTP', 'Microsoft.XMLHTTP', 'Msxml2.XMLHTTP.7.0', 'Msxml2.XMLHTTP.6.0', 'Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP'];
   for(var i=0; i<versions.length; i++) {
    try {
     request = new ActiveXObject(versions[i]);
     if(request) {
      return request;
     }
    } catch(e) {
     //alert(e.message);
    }
   }
  }
  return request;
}

aj.XMLHttpRequest = aj.createXMLHttpRequest();

aj.processHandle = function() {
  aj.statusId.style.display = '';
  if(aj.XMLHttpRequest.readyState == 1) {
   aj.statusId.innerHTML = xml_http_building_link;
  } else if(aj.XMLHttpRequest.readyState == 2) {
   aj.statusId.innerHTML = xml_http_sending;
  } else if(aj.XMLHttpRequest.readyState == 3) {
   aj.statusId.innerHTML = xml_http_loading;
  } else if(aj.XMLHttpRequest.readyState == 4) {
   if(aj.XMLHttpRequest.status == 200) {
    aj.statusId.style.display = 'none';
    if(aj.recvType == 'HTML') {
     aj.resultHandle(aj.XMLHttpRequest.responseText);
    } else if(aj.recvType == 'XML') {
     aj.resultHandle(aj.XMLHttpRequest.responseXML);
    }
   } else {
    aj.statusId.innerHTML = xml_http_load_failed;
   }
  }
}

aj.get = function(targetUrl, resultHandle) {
  aj.targetUrl = targetUrl;
  aj.XMLHttpRequest.onreadystatechange = aj.processHandle;
  aj.resultHandle = resultHandle;
  if(window.XMLHttpRequest) {
   aj.XMLHttpRequest.open('GET', aj.targetUrl);
   aj.XMLHttpRequest.send(null);
  } else {
         aj.XMLHttpRequest.open("GET", targetUrl, true);
         aj.XMLHttpRequest.send();
  }
}

aj.post = function(targetUrl, sendString, resultHandle) {
  aj.targetUrl = targetUrl;
  aj.sendString = sendString;
  aj.XMLHttpRequest.onreadystatechange = aj.processHandle;
  aj.resultHandle = resultHandle;
  aj.XMLHttpRequest.open('POST', targetUrl);
  aj.XMLHttpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  aj.XMLHttpRequest.send(aj.sendString);
}
return aj;
}
</script>

</head>

<script type="text/javascript教程" language="javascript">
                        
                        </script>

</body>
</html>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More