Les requêtes inter-domaines de PHP et la technologie Ajax apportent une expérience interactive plus riche au site Web

Les requêtes inter-domaines de PHP et la technologie Ajax apportent une expérience interactive plus riche au site Web

Avec le développement rapide d'Internet, les sites Web constituent une plate-forme importante pour la transmission et la communication d'informations. devenir un sujet de préoccupation. Au cours du processus de développement d'un site Web, les requêtes inter-domaines PHP et la technologie Ajax sont devenues des moyens importants pour atteindre cet objectif. Cet article présentera les requêtes inter-domaines de PHP et la technologie Ajax, et donnera des exemples de code.

1. Qu'est-ce qu'une requête inter-domaine ? Une requête inter-domaine fait référence à une requête HTTP initiée depuis une source (domaine) vers une autre source (domaine) dans le navigateur. Par exemple, dans la page de la source A, l'envoi d'une requête au serveur de la source B via du code JavaScript est une requête inter-domaines. Étant donné que les requêtes inter-domaines impliquent des politiques de sécurité inter-domaines, les navigateurs bloquent automatiquement les requêtes inter-domaines par défaut.

2. Méthodes pour résoudre les requêtes inter-domaines

Afin de résoudre le problème des requêtes inter-domaines, cela peut être réalisé en le configurant côté serveur.

Utilisation de JSONP
1. JSONP est une méthode permettant d'effectuer des requêtes inter-domaines à l'aide de requêtes GET avec la balise <script> Étant donné que la balise <script> n'a aucune restriction inter-domaines, vous pouvez implémenter des requêtes inter-domaines en créant une balise <script> <br></script>

Exemple de code :

// 源A的页面
<script>
function callback(data) {
    // 处理返回的数据
}

var script = document.createElement('script');
script.src = 'http://b.com/data.php?callback=callback';
document.head.appendChild(script);
</script>

// 源B的服务器
<?php
$data = array('name' => 'John', 'age' => 30);
echo $_GET['callback'] . '(' . json_encode($data) . ')';
?>

Définir les en-têtes de réponse
2. Définissez les en-têtes de réponse côté serveur pour autoriser l'accès entre domaines. En ajoutant le champ Access-Control-Allow-Origin dans l'en-tête de réponse côté serveur et en le définissant sur *, la ressource est accessible sur tous les domaines.
   

Exemple de code :

// 在源B的服务器设置响应头
header('Access-Control-Allow-Origin: *');

3. Application de la technologie Ajax

Ajax (JavaScript asynchrone et XML) est une technologie qui met à jour le contenu Web en chargeant des données de manière asynchrone en arrière-plan. Grâce à la technologie Ajax, les sites Web peuvent mettre à jour les données sans actualiser la page, améliorant ainsi l'expérience utilisateur.

Exemple de code :

// 源A的页面
<script>
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        // 处理返回的数据
        var data = JSON.parse(xhr.responseText);
        console.log(data);
    }
};
xhr.open('GET', 'http://b.com/data.php', true);
xhr.send();
</script>

// 源B的服务器
<?php
$data = array('name' => 'John', 'age' => 30);
echo json_encode($data);
?>

Avec le code ci-dessus, la page de la source A utilise la technologie Ajax pour envoyer une requête HTTP au serveur de la source B et traiter les données renvoyées. Comme vous pouvez le constater, la technologie Ajax peut être utilisée pour obtenir les dernières données sans actualiser la page.

Résumé : les requêtes inter-domaines de PHP et la technologie Ajax apportent une expérience interactive plus riche au site Web. En utilisant JSONP ou en définissant des en-têtes de réponse pour résoudre les problèmes de requêtes inter-domaines, et en utilisant la technologie Ajax pour charger les données de manière asynchrone, les sites Web peuvent mieux répondre aux besoins des utilisateurs et améliorer leur expérience.

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!