クロスサイト 許可あり

クロスサイト（外部サイト、外部サーバ）への通信は、受信側がそれを許可している場合にのみ有効です。

具体的には、レスポンスヘッダ Access-Control-Allow-Origin に許可するアクセス元が設定され、それに合致する必要があります。


サンプルでは応答を返す response.php でアクセス元 https://app.softwarenote.info を許可するようヘッダを設定しています。

Access-Control-Allow-Origin にはワイルドカードも設定可能です。

Script Source
var data = {"name_inputText1":"テキスト１", "name_textArea1":"テキスト２"};
var url = "https://dodat.jp/samples/pr_ajax/samples/11/response.php";

// get
var getAjax = new PRAjax(url, "get");
getAjax.onClick("#id_btnGET", data);

// post
var postAjax = new PRAjax(url, "post");
postAjax.onClick("#id_btnPOST", data);
response.php
$vals = array();
$vals['inputText1'] = $_REQUEST['name_inputText1'];
$vals['textArea1'] = $_REQUEST['name_textArea1'];

header('Access-Control-Allow-Origin: https://app.softwarenote.info');
//header('Access-Control-Allow-Origin: *');

$res = array();
$res['vals'] = $vals;
$response = json_encode($res, JSON_UNESCAPED_UNICODE);
print $response;