在 Javascript 函数中编写 jQuery 不起作用

Question

我有一个名为 example.js 的 js 文件，其中一行如下：

gridOptions.api.setRowData(createRowData());

然后还有另一个文件data.js，它有createRowData() 函数，应该返回ROW_DATA。如下：

function createRowData() {
    jQuery.getJSON('/file.txt',function(ROW_DATA){

    return ROW_DATA;

    });

}

但是，每当从example.js 文件中调用此createRowData() 函数时，它不会进入jQuery 块，而只是进入最后一个大括号。谁能告诉我这里出了什么问题？

Answer 1

我相信您没有获得价值，因为 getJSON 正如其他人所说的那样是异步的。 createRowData 在稍后而不是在调用它时检索该值。

这是通过 Promise 获取数据的一种方法。我评论了下面发生的事情：

function createRowData() {
    //return a new promise
    return new Promise(function(resolve, reject){

    jQuery.getJSON('/file.txt',function(ROW_DATA){
     //on reject, send an error
     if (ROW_DATA === null) reject("Error fetching data");
    //on resolve, send the row data
    return resolve(ROW_DATA);

    });
});
}
//use then to describe what happens after the ajax request is done
gridOptions.api.setRowData(createRowData()).then(function(rowdata){
return rowdata; //log data or error
})

编辑：做一个同步的ajax请求，你也许可以做这样的事情，参考这个SO question。

function createRowData() {

    $.ajax({
    url: "/file.txt'",
    async: false,
    success: function(rowdata){
    return rowdata
    }
})

}

要像您提到的那样将一些数据读取到变量中，nodejs 可能会有所帮助，因为它可以处理读取输入/输出，并且可能还可以读取变量。：

Answer 2

您从文件中获取 JSON，将结果传递给回调函数，然后返回。退回哪里？？

正如我所说，您的匿名函数是一个回调。

程序说：当你读完文件后，调用这个函数，好吗？ 当你这样做时，我正在做其他事情。

这就是它的作用。该程序将继续运行，直到文件被读取，此时您的回调匿名函数将被调用。 你可以这样做。

createRowData(gridOptions.api);
// add code here if you want this code to execute even before you get the response
function createRowData(api) {
    jQuery.getJSON('/file.txt',function(ROW_DATA,api){   
    api.setRowData(ROW_DATA);   
    //Whatever else you want to do. In case you want this to be done only 
    //after the values have been read
    });
}

如果你想等待，等待文件被读取，只是，不要在函数之后做任何事情，而是将它放在回调函数中。