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

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!