JSON 超級快速入門 二 AJAX技術最根本的原理

我一直在想，我的網站怎麼擷取遠端JSON資料，然後解析。

網路google了一大堆，到了AJAX怎麼獲得遠端資料，最後在w3cschool裡面找到了一句話。

第一個關鍵：

With AJAX, your JavaScript can communicate directly with the server, using the JavaScript XMLHttpRequest object. With this object, your JavaScript can trade data with a web server, without reloading the page.

原來就是用XMLHttpRequest發出一個請求。

 

第二句關鍵：

The XMLHttpRequest object is supported in Internet Explorer 5.0+, Safari 1.2, Mozilla 1.0 / Firefox, Opera 8+, and Netscape 7.

這個request支援基本上大部分的瀏覽器。

第三個關鍵，怎麼建立這個Request：

<script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try
  {
// Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    try
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    catch (e)
      {
      alert("Your browser does not support AJAX!");
      return false;
      }
    }
  }
  }
</script>

 

恩。有了以上的基礎知識，就知道AJAX怎麼玩的。也就知道JSON怎麼獲得了。

 

Reference:

http://www.w3schools.com/Ajax/default.asp