Question

我正在尝试使用promise向php脚本发送ajax请求，该脚本检查服务器上是否存在文件并返回布尔值。

我有以下代码，但fileExists函数总是返回undefined。

如何在函数中包装promise并让函数返回promise值？

function fileExists(url) {
    var promise = new Promise(function(resolve, reject) {
        var xhr = new XMLHttpRequest();
        xhr.onload = function() {
            resolve(this.responseText);
        };
        xhr.onerror = reject;
        xhr.open('GET', url);
        xhr.send();
    }); 
    promise.then(function(e) {
        return e;
    });
}

var result = fileExists("url_to_file");

Answer 1

function fileExists(url) {
return promise = new Promise(function(resolve, reject) {
    var xhr = new XMLHttpRequest();
    xhr.onload = function() {
        resolve(this.responseText);
    };
    xhr.onerror = reject;
    xhr.open('GET', url);
    xhr.send();
}); 
}

var result = fileExists("url_to_file").then(foo());

试试这个。

你的函数什么都不返回。如果您返回承诺，您可以在解决后保留数据。

Answer 2

这部分代码：

promise.then(function(e) {
    return e;
});

仅将e返回回调函数。您必须处理回调中的结果。

promise.then(function() {
    // handle result;
});

或者也可以回复@Ole所示的承诺。

Answer 3

您应该返回promise，因为您需要异步分配结果变量。

function fileExists(url) {
  return new Promise(function(resolve, reject) {
    var xhr = new XMLHttpRequest();
    xhr.onload = function() {
        resolve(this.responseText);
    };
    xhr.onerror = reject;
    xhr.open('GET', url);
    xhr.send();
  });
}

fileExists("url_to_file").then(console.log);

Answer 4

您的函数必须返回Promise。

function fileExists(url) {
    return new Promise(function (resolve, reject) {
        var xhr = new XMLHttpRequest();
        xhr.onload = function() {
            resolve(this.responseText);
        };
        xhr.onerror = reject();
        xhr.open('GET', url);
        xhr.send();
    });
}

然后只需调用该函数并打印已解析的文本

fileExists("url_to_file").then(function (text) {
    console.log(text);
});

承诺返回undefined

4 个答案: