javascript XMLHttpRequestについて

前提・実現したいこと

XMLHttpRequestを用いてserverにデータを送信することを考え，下のような実装を行いました．

chromeでは正常に動いたのですが， safariでは以下のようなエラーメッセージがでてしまいます．
テストコードは正常に動いたのですが，本番のコードに埋め込むとエラーがでてしまいました．．

発生している問題・エラーメッセージ

XMLHttpRequest cannot load http://XXXXXXXX.php due to access control checks.

該当のソースコード

javascript
1  //インスタンスを生成
2  var xhr = new XMLHttpRequest();
3
4  //送信データ
5  var data =
6    "time=" + time + "&" + 
7　　 //中略
8;
9
10  xhr.open("POST", "http://XXXXXXX.php", true);
11  xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
12  xhr.send(data);
13  xhr.abort();

php
1<?php
2//データを受け取る
3$time = $_POST['time'];
4
5//書き込み
6$data = ("time:", $time);
7
8//ファイルを生成
9$file_name = "test.csv";
10$fp = fopen($file_name,'a');
11fputcsv($fp, $line);
12fclose($fp);
13
14?>

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

defghi1977

2018/04/12 07:53

safariでのみ発生する問題であれば, タグにsafariを追加して下さい.

HayatoKamono

2018/04/12 07:58 編集

リクエスト先はhttp://XXXXXXX.phpとなっておりますが、実際のリクエスト先もhttps://ではなくhttp://でしょうか？

mizu_regi

2018/04/12 08:00

HayatoKamonoさんリクエスト先はhttp://になっています．

HayatoKamono

2018/04/12 08:04 編集

回答はちょっと今出来ないですが、とりあえず、この辺を見てみて下さい。https://qiita.com/n0bisuke/items/65c4a473a1fdbbf931f0 https://qiita.com/tomoyukilabs/items/81698edd5812ff6acb34

行動規範の内容に同意します

回答1件

別ドメインのWEBサービスにXSSでアクセスしようとしていますか？
おなじドメインないでの処理なら問題ありませんか？

send.htm

javascript
1<script>
2  var xhr = new XMLHttpRequest();
3  var data ="time=2&hoge=fuga" ;
4  xhr.open("post", "recv.php", true);
5  xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
6  xhr.send(data);
7  xhr.addEventListener('readystatechange',function(){
8    if(( xhr.readyState == 4 ) && ( xhr.status == 200 )){
9      console.log(xhr.responseText);
10    }
11  });
12</script>