首先Ajax的不刷新頁面提交數據,現在應用非常廣泛,廢話不多說馬上進主題!! 基本上瀏覽器能接收的信息,Ajax都可以接收,ex:字元串,html標簽,css標簽,xml格式內容,json格式內容等等..... <script> // IE瀏覽器 if(ActiveXObject){ // 微軟目前
首先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請求原理,若有不懂可以再問。