Ajax がクロスドメイン アクセスを実装する方法の概要

この記事では主に、Ajax がクロスドメイン アクセスを実装する方法について説明します。これは、必要な友人に参考にしていただけるように共有します。ドメイン名は Ajax を介して相互にデータを呼び出します。そこで、Ajax を介してクロスドメインを実現するにはどうすればよいかという疑問が生じます。

ソリューション

1.Jsonp

Jsonp はクロスドメインの問題を比較的簡単に解決し、サーバーの構成は必要ありません。具体的な実装は次のとおりです。

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

2.CORS

CORS ソリューションでは、

front-end

• $.ajax({
      url: 'http://xxx.com',
      type: 'post',
      xhrFields:{
          withCredentials:true
      },
      data: {},
      success: function(res){
  
      },
      error: function(){
          alert('服务器发生错误！');
      }
  });

server (プログラムで構成) を実現するために、フロントエンドとサーバーを一緒に構成する必要があります。エントリーファイル)

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

以上がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。

関連する推奨事項:

ジャンプやリフレッシュを行わないjQuery+AJAX+PHP+MySQL開発検索機能

config/index.jsの詳細説明: vueでの設定

以上がAjax がクロスドメイン アクセスを実装する方法の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。