Pourquoi mon appel jQuery XSLT échoue-t-il avec « Origin null n'est pas autorisé par Access-Control-Allow-Origin » ?

Politique de même origine et erreur Access-Control-Allow-Origin

Lors de la tentative de chargement d'une sortie HTML à partir d'un fichier XSLT via jQuery, le L'erreur "Origin null n'est pas autorisée par Access-Control-Allow-Origin" se produit. Cette erreur provient de la politique de même origine (SOP), qui restreint le chargement de fichiers à partir d'URL ne partageant pas la même origine que le document de chargement.

Dans ce cas, le fichier HTML effectuant l'appel jQuery tente de charger le Fichier XSLT à partir du système de fichiers local, à l'aide d'une URL file:///. Les navigateurs appliquent strictement les SOP pour les fichiers locaux, interdisant tout chargement de ressources à partir d'autres fichiers ou répertoires locaux.

Résolution

Pour remédier à ce problème, il est crucial d'éviter le chargement ressources via des URL de fichiers locaux et utilisez à la place un serveur Web pour servir à la fois les fichiers HTML et XSLT via des URL HTTP. En utilisant un serveur Web, vous pouvez établir une origine commune entre les fichiers, permettant ainsi à l'appel jQuery de réussir sans violer le SOP.

La plupart des IDE modernes intègrent des serveurs Web intégrés qui peuvent être lancés parallèlement à l'exécution du code. Alternativement, des serveurs Web tiers, tels qu'Apache ou Nginx, peuvent être installés pour des tests locaux.

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!