首頁 > web前端 > js教程 > ajax的簡單介紹

ajax的簡單介紹

一个新手
發布: 2017-10-10 10:15:20
原創
1370 人瀏覽過

1.ajax原生

ajax包含以下幾個步驟:1、建立AJAX物件;2、發出HTTP請求;3、接收伺服器傳回的資料;4、更新網頁資料。 概括起來,就是一句話,ajax透過原生的XMLHttpRequest物件發出HTTP請求,得到伺服器傳回的資料後,再進行處理。

步驟:

var xhr = createXHR();//创建对象 
xhr.open(“方式”,”地址”,”标志位”);//初始化请求 
xhr.setRequestHeader(“”,””);//设置http头信息 
xhr.onreadystatechange =function(){}//指定回调函数 
xhr.send();//发送请求
登入後複製
/   //1.创建xhr对象
    var xhr;
    if(window.XMLHttpRequest){
        xhr = new XMLHttpRequest();
    }else{
        xhr = new ActiveXObject('Microsoft.XMLHTTP');
    }
    //异步接受响应
    xhr.onreadystatechange = function(){
        if(xhr.readyState == 4){
            if(xhr.status == 200){
                //实际操作
              ;
            }
        }
    }
    //发送请求
    xhr.open('get',url,true);
    xhr.send();
登入後複製

2.jquery封裝ajax

		$.ajax({
			type : "get",
			url : '',
			dataType : "json",
			data:{},
			success : function(data){
				
			},error:function(){
			    console.log('fail');
			}
		});
登入後複製

3.jsonp跨域原理

出於安全性考慮,瀏覽器禁止ajax跨網域取得資料

逐步示範script##src#屬性載入js檔案的方式取得資料

解釋跨域取得資料的機制

(1)動態創建script標籤

(2)定義回呼函數

(3)回傳函數呼叫

(4)傳遞參數或全域變數

以上是ajax的簡單介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板