XMLHttpRequest を介してローカル php ファイルを呼び出して json データを取得する Web サイトを実装しようとしています。login 関数が HTML フォームから呼び出されています。ファイル /var/www/picnit/api/member.api は存在し、十分な権限を持ち、Chrome の Postman アプリを使用してテストされています。
//URL for member functions
var memberurl='/picnit/api/member.php';
//Request to be sent to the middleware
var request;
function login() {
//Get and validate user inputs
var username = $("input#Username").val();
var password = $("input#Password").val();
//Validation code omitted
//Getting here means that the inputs validated
//Request to be sent to the middleware
request = new XMLHttpRequest();
//Create function that handles response
request.onreadystatechange = function () {
//Make sure request is ready, we only care about when done
if(request.readyState === 4) {
//Good data, proceed to login
if(request.status === 200) {
alert('200');
}
//Invalid username/password combo
else if(request.status === 204) {
alert('204');
}
//Our request messed up
else if(request.status === 400) {
alert('400');
}
//Something else went wrong
else {
alert('Unknown error: ' + request.status);
}
}
};
//Open request
request.open('POST', memberurl, true);
//Send request
request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
var parms = 'username='+username+'&password='+password;
request.send(parms);
return false;
}
これは常に「不明なエラー: 0」というアラートを返し、その理由がわかりません。同じサーバー(AWS EC2インスタンス)上にあるため、クロスドメインになるとは思いません。そして、同じドメインポリシーが何であるかについては完全にはわかりません...
ここで他の投稿を検索していますが、まだ答えが見つかりません。先程はお世話になりました。