欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

原生ajax處理json格式數(shù)據(jù)的實例代碼

 更新時間：2016年12月25日 17:39:39   投稿：mdxy-dxy  
這篇文章主要介紹了原生ajax處理json格式數(shù)據(jù)的實例代碼,需要的朋友可以參考下

原生ajax處理json格式數(shù)據(jù)代碼實例:
由于jQuery的出現(xiàn)，原生ajax使用頻率也越來越少，這當(dāng)然是因為jQuery的便利性多導(dǎo)致的。
但是對于原生ajax實現(xiàn)原理的知曉也是非常重要的，下面就改造本板塊的一個使用jquery ajax實現(xiàn)的代碼。

代碼實例如下:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>腳本之家</title>
<script>
function loadXMLDoc() {
 var xmlhttp;
 if (window.XMLHttpRequest) {
  xmlhttp = new XMLHttpRequest();
 }
 else {
  xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
 }
 xmlhttp.onreadystatechange = function () {
  if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
   var jsonStr = xmlhttp.responseText;
   var jsonObj = JSON.parse(jsonStr);
   var data = jsonObj.table;
   var odiv = document.getElementById("show");
   var str = "";
   for (var index = 0; index < data.length; index++) {
    str = str + data[index]["ID"]
    + "," + data[index]["username"]
    + "," + data[index]["address"]
    + "," + data[index]["age"]
    + "," + data[index]["score"]+"<br/>";
   }
   odiv.innerHTML = str;
  }
 }
 xmlhttp.open("GET", "demo/ajax/net/Handler.ashx", true);
 xmlhttp.send();
}
window.onload = function () {
 loadXMLDoc();
}
</script>
</head>
<body>
<div id="show"></div>
</body>
</html>

以上代碼演示了原生ajax對于json數(shù)據(jù)的請求效果，此代碼做了精簡。

相關(guān)文章

最新評論