0

当我警告 jsonServerResponse 函数的返回值时，它的值是未定义的——尽管 JSON 是从 process.php 页面返回的。

function jsonServerResponse(operation, JSOoptionalData) {
        JSOoptionalData = (typeof JSOoptionalData == "undefined") ? 'defaultValue' : JSOoptionalData
        var jqxhr = $.ajax({
            type: "POST",
            url: "process.php",
            data: "apicommand=" + JSOoptionalData,
            success: function (json) {
                return jQuery.parseJSON(json);
            }
        });
}

alert("Response as JS Object: "+jsonServerResponse("operation"));

我知道问题是在异步请求完成之前发出的警报功能，但我不确定如何解决这个问题。任何建议都非常感谢:)

4

3 回答 3

5

这是因为AJAX请求是异步的，所以return在调用完成之前就命中了，所以函数总是返回null。

success您需要从回调本身中调用依赖于 AJAX 调用的代码。试试这个：

function jsonServerResponse(operation, JSOoptionalData) {
    JSOoptionalData = (typeof JSOoptionalData == "undefined") ? 'defaultValue' : JSOoptionalData
    var jqxhr = $.ajax({
        type: "POST",
        url: "process.php",
        data: "apicommand=" + JSOoptionalData,
        success: function (json) {
            alert("Response as JS Object: " + json);

            // to see more information about the object returned, use console.log:
            console.log(json);
        }
    });
}

jsonServerResponse("operation")
于 2012-05-29T08:29:19.060 回答
1

您解决了问题，ajax 是一个异步操作，您只能在成功回调中使用返回的数据：

function jsonServerResponse(operation, JSOoptionalData) {
    // What that line suppose to do???
        JSOoptionalData = (typeof JSOoptionalData == "undefined") ? 'defaultValue' : JSOoptionalData
        var jqxhr = $.ajax({
            type: "POST",
            url: "process.php",
            data: "apicommand=" + JSOoptionalData,
            dataType: "json", // Change the dataType to json.
            success: function (json) {
                console.log("Response as JS Object:") 
                console.log(json);
            }
        });
}
于 2012-05-29T08:28:10.120 回答
1

好的，我从另一个帖子中弄清楚了。结果可以在成功回调中处理，或者您可以添加一个本身就是回调函数的参数并将 ajax 请求的结果应用于回调。

function jsonServerResponse(operation, callback, JSOoptionalData) {
        JSOoptionalData = (typeof JSOoptionalData == "undefined") ? 'defaultValue' : JSOoptionalData
        jqxhr = $.ajax({
            type: "POST",
            contentType: "application/json",
            url: "process.php",
            data: "apicommand=" + operation + "&optionaldata" + JSON.stringify(JSOoptionalData),
            dataType: "json",
            success: function (json) {
                if(typeof callback === 'function') callback.apply(this, [json]);
            }
        });
}


jsonServerResponse("get_something_from_server", function(returnedJSO){
     console.log(returnedJSO.Result.Some_data);
}, "optional_data");

和 gdoron，你问的那行使第三个参数是可选的。我听说这是一个很好的做法，如果您要将一些数据传递到服务器（但您不知道有多少变量）以添加一个可选参数并只传递一个 js 对象，将其转换为 JSON 字符串，然后对其进行解码服务器-边。

和平！:)

于 2012-05-29T09:21:50.873 回答