Maison > interface Web > js tutoriel > le corps du texte

Introduction à la façon dont Ajax implémente l'accès inter-domaines

不言
Libérer: 2018-07-13 15:52:53
original
1270 Les gens l'ont consulté

Cet article présente principalement la question de savoir comment Ajax réalise l'accès inter-domaines. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer

Dans les projets réels, nous l'avons. On constate souvent que différents projets sous le même nom de domaine s'appellent mutuellement via Ajax, la question se pose donc de savoir comment réaliser un cross-domain via Ajax ?

Solution

1.Jsonp

Jsonp résout les problèmes inter-domaines relativement facilement et le serveur ne nécessite aucune configuration. L'implémentation spécifique est la suivante :

$.ajax({
    type: 'get',
    url: 'http://xxx.com',
    data: {},
    dataType: 'jsonp',
    success: function (data) {
        
    },
    error: function (data) {
        mask.close();
        toast('请求失败');
    }
});
Copier après la connexion

2.CORS

La solution CORS nécessite que le front-end et le serveur soient configurés ensemble

  • Front-end

$.ajax({
    url: 'http://xxx.com',
    type: 'post',
    xhrFields:{
        withCredentials:true
    },
    data: {},
    success: function(res){

    },
    error: function(){
        alert('服务器发生错误!');
    }
});
Copier après la connexion
  • Serveur (configuré dans le fichier d'entrée du programme)

header('Access-Control-Allow-Origin: http://xxx.com');
header('Access-Control-Allow-Credentials: true');
header('Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept');
Copier après la connexion

Ce qui précède C'est tout le contenu de cet article, j'espère qu'il sera utile à l'apprentissage de tout le monde. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Fonction de recherche de développement jQuery+AJAX+PHP+MySQL sans saut ni actualisation

Pour la configuration dans vue /index .js : Explication détaillée de la configuration

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal