首先Ajax的不重新整理頁面提交資料,現在應用非常廣泛,廢話不多說馬上進主題!!
基本上瀏覽器能接收的資訊,Ajax都可以接收,ex:字串,html標籤,css標籤,xml格式內容,json格式內容等等.....
<script> // IE瀏覽器 if(ActiveXObject){ // 微軟目前AJAX最新版本 var ajax = new ActiveXObject("Msxm12.XMLHTTP.6.0"); }else{ // 主流瀏覽器 var ajax = new XMLHttpRequest(); } // 建立HTTP請求 // open(method, url, asynchronous, user, password); // method:要求方法(post,get) // url:請求地址(是具體要接收資料的地址) // asynchronous:同步或非同步請求(true是非同步,false是同步,預設是true,可不填) // user:(指定請求使用者名稱,可不填) // password:(指定請求密碼,可不填) ajax.open('get','url'); ajax.onreadystatechange = function(){ if((ajax.readyState==4) && (ajax.status)==200){ alert(ajax.responseText); // 返回的資料內容 }else{ alert('請求失敗'); } } // 發送請求,content是要發送的內容,如果沒有則填null send(content); // 如果用的是post方式請求,要在send之前設定HTTP頭 ajax.setRequestHeader(“Content-Type”, “application/x-www-form-urlencoded”); </script>
ajax的onreadystatechange事件最多接收四個變化狀態
readystate的返回狀態值:
0 (未初始化) 對象已建立
1(初始化) 已調用open方法
2(發送資料) 已調用send方法
3(資料傳送中) 已返回部分資料
4 (完成) 請求成功
以上是簡單的Ajax請求原理,希望對大家的學習有所協助。