Eine kurze Einführung in Ajax

1.ajax native

ajax umfasst die folgenden Schritte: 1. Erstellen Sie ein AJAX-Objekt. 2. Senden Sie eine HTTP-Anfrage. 3. Empfangen Sie die vom Server zurückgegebenen Daten. Um es in einem Satz zusammenzufassen: Ajax sendet eine HTTP-Anfrage über das native XMLHttpRequest-Objekt, ruft die vom Server zurückgegebenen Daten ab und verarbeitet sie dann.

Schritte:

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 kapselt Ajax

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

3.jsonp domänenübergreifendes Prinzip

Aus Sicherheitsgründen verbieten Browser Ajaxdomänenübergreifende Datenerfassung

Schritt-für-Schritt-Demonstration des Skripts srcAttributladenjsDateimethode zum Abrufen von Daten

Erklären Sie den Mechanismus der domänenübergreifenden Datenerfassung

(1) Skript Tag dynamisch erstellen

(2) Rückruffunktion definieren

(3) Funktion zurückgeben Aufruf

(4) Übergeben Sie Parameter oder globale Variablen

Das obige ist der detaillierte Inhalt vonEine kurze Einführung in Ajax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!