jQuery AJAX クロスドメインの問(wèn)題

提供されたシナリオでは、2 つの PHP ファイル (test.php と testserver.php) が次を使用して通信します。 jQuery の AJAX、クロスドメインの制限は、それらが別のサーバーに存在する場(chǎng)合に発生します。サーバー A は test.php (例: localhost) をホストし、サーバー B は testserver.php (例: Web サーバー) をホストします。

問(wèn)題:
AJAX リクエストの実行が成功したにもかかわらずファイルが同じサーバー上にある場(chǎng)合、異なるサーバー上にある場(chǎng)合はエラーで失敗します。これは、Same-Origin Policy (SOP) によるものです。

解決策:
このクロスドメインの問(wèn)題に対処するために、JSONP (JSON with Padding) が採(cǎi)用されています。 JSONP はコールバックを利用してブラウザの制限を回避します。

実裝:

jQuery (test.php):

$.ajax({
    url: "http://domain.example/path/to/file/testserver.php",
    dataType: 'jsonp', // Notice! JSONP (lowercase 'P')
    success: function(json){
        // Handle JSON response (an array)
        alert("Success");
    },
    error: function(){
        alert("Error");
    }      
});

PHP (testserver.php):

<?php
$arr = array("element1","element2",array("element31","element32"));
$arr['name'] = "response";
$callbackName = $_GET['callback']; // Get the callback name from GET params
echo $callbackName."(".json_encode($arr).");";
?>

説明:

1. jQuery の $.ajax() メソッドは、「jsonp」を使用するように変更されています。 dataType.
2. $.ajax() に渡されるコールバック関數(shù)は、 PHP 変數(shù) $callbackName。
3. PHP スクリプトは、callbackName 値を使用して、関數(shù)呼び出し內(nèi)に JSON データを埋め込みます。
4. これにより、ブラウザは
   

   ホットAIツール

   

   Undress AI Tool

   脫衣畫像を無(wú)料で

   

   Undresser.AI Undress

   リアルなヌード寫真を作成する AI 搭載アプリ

   

   AI Clothes Remover

   寫真から衣服を削除するオンライン AI ツール。

   

   Clothoff.io

   AI衣類リムーバー

   

   Video Face Swap

   完全無(wú)料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡(jiǎn)単に交換できます。

   もっと見(jiàn)る

   

   人気の記事

   グラスワンダービルドガイド|ウマゴサメはかなりダービーです

   4週間前 By Jack chen

   <??>：森の99泊 - すべてのバッジとそれらのロックを解除する方法

   3週間前 By DDD

   Uma Musume Pretty Derby Bannerスケジュール（2025年7月）

   4週間前 By Jack chen

   船と墓のためのRimworld Odyssey溫度ガイド

   3週間前 By Jack chen

   Windowsセキュリティは空白であるか、オプションを表示しません

   4週間前 By 下次還敢

   もっと見(jiàn)る

   

   ホットツール

   

   メモ帳++7.3.1

   使いやすく無(wú)料のコードエディター

   

   SublimeText3 中國(guó)語(yǔ)版

   中國(guó)語(yǔ)版、とても使いやすい

   

   ゼンドスタジオ 13.0.1

   強(qiáng)力な PHP 統(tǒng)合開(kāi)発環(huán)境

   

   ドリームウィーバー CS6

   ビジュアル Web 開(kāi)発ツール

   

   SublimeText3 Mac版

   神レベルのコード編集ソフト（SublimeText3）

   もっと見(jiàn)る

   

   ホットトピック

   Laravel チュートリアル

   1597

   29

   PHP チュートリアル

   1488

   72

   もっと見(jiàn)る