Question

我正在尝试在javascript中创建数据库处理程序类。我想通过简单地使用：

来打电话给班级

var databaseHandler = new DatabaseHandler();
result = databaseHandler.getResult("SELECT * FROM login");

我创建了类并使用了ajax函数的回调（以便等待返回ajax结果）。但是我的结果仍然是“未定义”。如果我在onComplete函数中使用console.log（a），我会得到一个预期结果的数组。

(function(window){

    //Database class
    function DatabaseHandler(){

        //Query
        this.query = function(query, whenDone){
            request = $.ajax({
                url: "../optiMizeDashboards/php/DatabaseQuery.php",
                type: "POST",
                data: {query : query},
                dataType: "JSON"
            });

            request.done(function(output) {
                whenDone(output);
            });

            request.fail(function(jqXHR, textStatus) {
                console.log(textStatus);
            });
        };

        //Get result
        this.getResult = function(query){
            this.query(query, this.onComplete);
        };

        //Ajax callback
        this.onComplete = function(a){
            return a;
        };
    }

    //Make available to global scope
    window.DatabaseHandler = DatabaseHandler;

}(window))

我的问题是：这与变量范围或ajax的工作方式有关吗？我已经阅读了解释ajax是ASYNC的所有答案，我认为我已经通过使用回调函数“onComplete”处理了这个问题

非常感谢有关此主题的任何帮助！

Answer 1

您将无法立即从调用getResult返回结果，因为基础jQuery POST请求是异步的，而您需要传递一个最终将收到结果的回调函数来自服务器。

类似的东西：

(function(window){
    //Database class
    function DatabaseHandler(){
        //Query
        this.query = function(query, whenDone){
            request = $.ajax({
                url: "../optiMizeDashboards/php/DatabaseQuery.php",
                type: "POST",
                data: {query : query},
                dataType: "JSON"
            });
            request.done(function(output) {
                whenDone(output);
            });
            request.fail(function(jqXHR, textStatus) {
                console.log(textStatus);
            });
        };
        //Get result
        this.getResult = function(query, callback){
            this.query(query, callback);
        };
    }

    //Make available to global scope
    window.DatabaseHandler = DatabaseHandler;

}(window))

// then use it like so
var databaseHandler = new DatabaseHandler();
result = databaseHandler.getResult("SELECT * FROM login", function(data) {
    //do something with data
});

PS ：暴露对客户端数据库的直接SQL访问是非常危险但是我不建议这样做

jQuery AJAX问题？还是JS OOP范围问题？

1 个答案: