Quelles sont les différences entre ajax et jsonp ? Introduction aux différences entre ajax et jsonp

Ajax et jsonp sont des méthodes de requête, alors quelle est la différence entre ajax et jsonp ? Cet article vous présentera la différence entre ajax et jsonp. Les amis intéressés peuvent y jeter un œil.

Tout d'abord, il faut savoir qu'ajax et jsonp peuvent communiquer avec l'arrière-plan pour obtenir des données et des informations, mais n'ont pas besoin de rafraîchir la page entière pour obtenir un rafraîchissement partiel de la page.

Jetons ensuite un coup d'œil à la différence entre ajax et jsonp.

La différence entre ajax et jsonp :

ajax est une technologie qui envoie des requêtes http pour une communication asynchrone avec l'arrière-plan. Le principe est d'instancier l'objet xmlhttp et d'utiliser cet objet pour communiquer avec le background.

Une requête AJAX complète comprend généralement les étapes suivantes :

(1) Instancier l'objet XMLHttpRequest

(2) Se connecter au serveur

(3 ) Envoyer la demande

(4) Recevoir des données de réponse

jsonp est un format de communication de données qui peut envoyer des requêtes http entre domaines et peut être intégré dans ajax. Le principe est d'utiliser la balise script pour relier les ressources entre domaines.

JSONP se compose de deux parties : la fonction de rappel et les données. La fonction de rappel est généralement contrôlée dans le navigateur et envoyée au serveur en paramètre (bien sûr, vous pouvez également fixer le nom de la fonction de rappel, mais la différence entre le client et le serveur (les noms doivent être cohérents). Lorsque le serveur répond, il combinera la fonction et les données dans une chaîne et la renverra.

Le processus de requête de JSONP est le suivant :

Phase de requête : Le navigateur crée une balise de script et attribue une valeur à son src.

Envoyer une requête : lors de l'attribution d'une valeur au src du script, le navigateur lancera une requête.

Réponse des données : Le serveur concatène les données à renvoyer en paramètres et le nom de la fonction (le format est similaire à "jsonpCallback({name : 'abc'})") renvoie. Lorsque le navigateur reçoit les données de réponse, puisque la requête est initiée par un script, cela équivaut à appeler directement jsonpCallback méthode, et un paramètre est transmis.

Enfin  : jsonp ne prend en charge que les requêtes get, et ajax prend en charge les requêtes get et post.

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!