Une brève introduction à ajax

1.ajax native

ajax comprend les étapes suivantes : 1. Créer un objet AJAX ; 2. Émettre une requête HTTP ; 3. Recevoir les données renvoyées par le serveur ; 4. Mettre à jour les données de la page Web. Pour résumer, en une phrase, ajax émet une requête HTTP via l'objet natif XMLHttpRequest, obtient les données renvoyées par le serveur, puis les traite.

Étapes :

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 encapsule ajax

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

3.jsonp principe inter-domaines

Pour des raisons de sécurité, les navigateurs interdisent ajaxl'acquisition de données inter-domaines

Démonstration étape par étape du script srcChargement d'attributjsMéthode de fichier pour obtenir des données

Expliquer le mécanisme d'acquisition de données inter-domaines

(1) Créer dynamiquement une balise script

(2) Définir la fonction de rappel

(3) Fonction de retour call

(4) Passer des paramètres ou des variables globales

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!