Heim  >  Artikel  >  Web-Frontend  >  Einführung in die Implementierung des domänenübergreifenden Zugriffs durch Ajax

Einführung in die Implementierung des domänenübergreifenden Zugriffs durch Ajax

不言
不言Original
2018-07-13 15:52:531252Durchsuche

Dieser Artikel befasst sich hauptsächlich mit der Frage, wie Ajax den domänenübergreifenden Zugriff realisiert. Jetzt kann ich ihn mit Ihnen teilen.

In tatsächlichen Projekten Es kommt häufig vor, dass verschiedene Projekte unter demselben Domänennamen die Daten des anderen über Ajax aufrufen. Daher stellt sich die Frage, wie eine domänenübergreifende Zusammenarbeit über Ajax erreicht werden kann.

Lösung

1.Jsonp

Jsonp löst domänenübergreifende Probleme relativ einfach und der Server erfordert keine Konfiguration. Die spezifische Implementierung ist wie folgt:

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

2.CORS

CORS-Lösung erfordert, dass Front-End und Server gemeinsam konfiguriert werden

  • Front- Ende

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

    },
    error: function(){
        alert('服务器发生错误!');
    }
});
  • Server (konfiguriert in der Programmeintragsdatei)

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');

Das Obige ist der gesamte Inhalt davon Ich hoffe, dass dieser Artikel zum Lernen aller nützlich sein wird. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website!

Verwandte Empfehlungen:

jQuery+AJAX+PHP+MySQL-Entwicklungssuchfunktion ohne Springen oder Aktualisieren

Für die Konfiguration in vue /index .js: Detaillierte Erklärung der Konfiguration

Das obige ist der detaillierte Inhalt vonEinführung in die Implementierung des domänenübergreifenden Zugriffs durch Ajax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn