将服务器的json响应克隆到另一个变量中

Question

地狱伙计们，

我从PHP脚本得到一个json响应，如下所示：

 function getAuctionItems() { var copiedObject = {}; var jqxhr = $.post( "php/server.php", {command:'auctions'},function() {}) .done(function(data) { if(data){ copiedObject =data; } else{ } }); return copiedObject; } 

你可以看到数据包含json结果（数据都很好）但是当我想返回结果时它返回空对象....我如何从这个ajax请求返回数据，以便其他函数将使用它？ 显然我不能简单地克隆copiedObject = data;

Answer 1

后调用是异步的，因此您必须使用done函数中的值。 通常，你会做类似的事情：

function getAuctionItems()
{  
        var copiedObject = {};
        var jqxhr = $.post( "php/server.php", {command:'auctions'},function() {})
          .done(function(data) {

                if(data){
                    dosomethingWithData(data);
                }
                else{
                }
           });
}

function dosomethingWithData(data) {
  doSomethingwithThedata.......
} 

因为JavaScript没有等待像帖子这样昂贵的进程，所以它已经继续前进，并且正在等待done事件实际解析数据。

Answer 2

我正在举例说明如何做到 -

$.ajax
    (
        {
            url:"ajax_state_load/"+$('#country_data').val(),success:function(result)
            {
                $("#car_model").html(result);
                $('#region_data')
                    .empty()
                    .append(result);
                ;
            }
            ,error:function()
            { 
                console.error('Region Load Failed.');
            }
        }
    );

一切都应该在里面

$(document).ready(function()

如果你正在使用jQuery。

Answer 3

这是因为在post请求完成之前返回“copiedObject”。

你可能需要......

if(data)
{
  myOtherFunction(data);
}

其中“myOtherFunction”是您创建的用于处理返回数据的函数。 德鲁

Answer 4

处理此问题的典型方法是将回调传递给您的函数：

function getAuctionItems(callback)
{  
    $.post( "php/server.php", {command:'auctions'},function() {})
        .done(function(data) {
            if (data) {
                callback(data);
            }
        });
}

然后，这样打电话：

getAuctionItems(function(data) {
    // do something with data
});

Answer 5

Ajax调用本质上是异步的。 在返回copiedObject之前，Javascript不会等待响应。

使用回调工作正常，但更优雅的方式是使用Deferred和Promise。 它具有更大的灵活性，可以将ajax调用与业务逻辑分离。

将代码转换为延迟/承诺方式。

function getAuctionItems()
{         
    return $.post( "php/server.php", {command:'auctions'});
}

然后在其他方法中，调用如下：

getAuctionItems().done(function(data){
     //your logic to process data
});

此外，如果要在本地缓存数据并使数据获取逻辑与数据处理逻辑完全分离。

var dataCached = null;

function fetchData(user){
    var dfd = $.Deferred();
    if(dataCached != null){
        dfd.resolve(dataCached);
    }else{
         $.post("three.htm", {
              user: user
          },function(data){
               dataCached = data;
              dfd.resolve(data);
         }); 
    } 

    return dfd.promise();
}

$.when(fetchData("Jack")).then(function(data){
   //play with the data
});