Maison  >  Article  >  développement back-end  >  Résoudre le problème du traitement PHP des requêtes Ajax et des problèmes inter-domaines Ajax

Résoudre le problème du traitement PHP des requêtes Ajax et des problèmes inter-domaines Ajax

coldplay.xixi
coldplay.xixiavant
2020-08-05 16:52:232488parcourir

Nous savons que lors de l'envoi d'une requête ajax, vous pouvez créer des informations d'en-tête personnalisées via l'objet XMLHttpRequest. Dans le framework jquery, lors de la demande de contenu Web via sa méthode $.ajax, $.get ou $.post, un paramètre HTTP_X_REQUESTED_WITH sera. transmis au serveur. En PHP, il est jugé au niveau de l'en-tête s'il s'agit d'une requête ajax, et le jugement correspondant est basé sur

. De manière générale, $_SERVER est par défaut ou il peut être personnalisé en utilisant Résoudre le problème du traitement PHP des requêtes Ajax et des problèmes inter-domaines Ajax.

Recommandations d'apprentissage associées :

programmation php (vidéo)

Exemple : la page front-end envoie une requête ajax ordinaire au test back-end.

$.ajax({
  type: "GET",
  url: 'test.php',
  success: function(data) {
    console.log(data);
  }
});
$_SERVER['HTTP_X_REQUESTED_WITH']Le serveur test.php peut déterminer si la requête est une requête asynchrone Ajax, puis répondre en fonction des besoins de l'entreprise. ['HTTP_X_REQUESTED_WITH']XMLHttpRequest,$_SERVER['HTTP_X_REQUESTED_WITH']Voici le code pour vérifier simplement si le serveur test.php est une requête ajax : XMLHttpRequest.setRequestHeader(name,value)
function isAjax() {
  return @$_SERVER['HTTP_X_REQUESTED_WITH'] == 'XMLHttpRequest' ? true : false;
}
if (isAjax()) {
  echo 'Ajax Request Success.';
} else {
  echo 'No.';
}

Ajax initie une requête inter-domaines JSONP

Nous pouvons implémenter des requêtes ajax inter-domaines via la méthode JSONP de jQuery, et PHP côté serveur doit également les gérer en conséquence, ce qui signifie que PHP doit demander et renvoyer des données dans un certain format avec le front- page de fin.

Exemple : La page front-end initie une requête JSONP :

$.ajax({
  type: "get",
  data: "random="+Math.random(),
  url: "http://demo.jb51.net/phpajax/jsonp.php",
  dataType: "jsonp",
  jsonp: "callback",
  success: function(data) {
   console.log(data);
  },
  error: function() {
   console.log('Request Error.');
  }
});

Nous constaterons que les paramètres de la requête ajax incluent dataType : "jsonp" et jsonp : "callback", ce qui indique ce que je je veux demander C'est jsonp, et un rappel sera renvoyé. Bien sûr, nous pouvons également personnaliser la fonction de rappel, comme jsonpCallback:"success_jsonpCallback"

Il peut aussi être simplement écrit comme :

jQuery.getJSON('http://demo.jb51.net/phpajax/jsonp.php?callback=?",{
 random: Math.random()
}, function(data){
 console.log(data);
});

Le code du service back-end php peut être écrit comme ceci (notez le format du retour de sortie) :

$data = array(
  'rand' => $_GET['random'],
  'msg' => 'Success'
);
echo $_GET['callback'].'('.json_encode($data).')';
Requête inter-domaines Ajax : CORS

CORS, également connu sous le nom de cross- partage de ressources de domaine, le nom anglais complet est Cross-Origin Resource Sharing. Supposons que nous souhaitions utiliser Ajax pour demander des données de la page de a.com à la page de b.com. Habituellement, en raison de la politique de même origine, ce type de demande n'est pas autorisé et le navigateur renverra également un ". erreur de « non-concordance de source ». D’où le terme « cross-domain ». Mais nous avons aussi une solution. Nous pouvons ajouter une ligne de code aux informations d'en-tête de la page sur b.com :

header("Access-Control-Allow-Origin: *");

Lorsque l'en-tête que nous définissons correspond aux informations ci-dessus, nous pouvons traiter toute demande sur le côté serveur après son arrivée. et la réponse, vous pouvez alors voir ses paramètres d'informations d'en-tête dans l'outil de débogage. L'une des informations dans la zone rouge est "*Access-Control-Allow-Origin: *", ce qui signifie que nous. avez activé CORS. Si vous souhaitez restreindre uniquement certains Une demande de nom de domaine peut être comme ceci :

header("Access-Control-Allow-Origin: https://www.jb51.net");

Exemple : demande de données inter-domaines via CORS

$.ajax({
  type: "get",
  data: "random="+Math.random(),
  url: "http://demo.jb51.net/phpajax/ajax.php",
  dataType: "json",
  success: function(data) {
    console.log(data);
    $("#result_3").html(data.msg+':'+data.rand);
  },
  error: function() {
   $("#result_3").html('Request Error.');
  }
});

Nous ajoutons ce code à ajax.php sous un autre nom de domaine de site Web :

header("Access-Control-Allow-Origin: https://www.jb51.net");
$data = array(
  'rand' => $_GET['random'],
  'msg' => 'Success'
);
echo json_encode($data);

Cela permet d'initier une requête asynchrone inter-domaines depuis la page www.jb51.net vers le chemin du nom de domaine demo.jb51.net/phpajax/ajax. php, et une réponse est obtenue. Recommandations vidéo associées : Programmation PHP de l'entrée à la maîtrise

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer