javascript - AJAX 返回响应为 0，本地调用状态为 4

Question

我正在尝试实现一个通过 XMLHttpRequest 调用本地 php 文件以获取 json 数据的网站。从 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 实例）上。而且我不完全确定相同域策略是什么......

我一直在这里搜索其他帖子，但尚未找到答案。感谢您在高级方面的帮助。