最簡單的 AJAX Code

作用：把指定網址的內容，抓到你的div標籤裡面

(注意：

1. 本Code在Localhost似乎不會有作用，要傳到支援的網頁空間上去...

2. 要同伺服器,Domain,才有效果！

3. 本範例抓取的是 http://fyrix.com/testAjax.html，請改成你要抓取的網址)

<html>

<script>
   var xhr;
function start_ajax(){

   try{ xhr = new XMLHttpRequest(); }
   catch(e){ try{xhr= new
ActiveXObject("Msxml2.XMLHTTP");}catch(e){try{xhr=new
ActiveXObject("Microsoft.XMLHTTP");}catch(e){return false;}} }

   xhr.onreadystatechange=getData;

   xhr.open("GET","http://fyrix.com/testAjax.html",true);
   xhr.send(null);

}

function getData(){
   if(xhr.readyState==4&&xhr.status==200){
ok.innerHTML=xhr.responseText;
   }
}

</script>
<body >
下面這段文字會變<br><br>
<div id="ok" onclick="start_ajax();">請點我!</div>

</html>

finalfrank

Frank's 資訊科技潮流站

finalfrank 發表在痞客邦留言(0) 人氣( 230 )

全站分類：數位生活
個人分類： AJAX

▲top

請先登入以發表留言。

Frank's 資訊科技潮流站

介紹最新的資訊技術及應用

.

從【分類】找文章

Ga

最新留言

參觀人氣

Frank's 資訊科技潮流站

介紹最新的資訊技術及應用