将多个 JSON 记录读取到数组中答案

【问题标题】：Reading multiple JSon records to an array将多个 JSON 记录读取到数组中
【发布时间】：2016-11-12 03:01:52
【问题描述】：

我对 JS 编程非常熟悉，所以这可能是一个愚蠢的问题，但经过数小时的搜索，我还没有从网上找到可行的解决方案。

我有多个 JSON 提要。服务器为每个 url 提供一个多层 JSON 记录，如下所示（数据是虚构的测试数据）：

http://address/ci/c/1 给出：

{ "LGICUS01OperationResponse": { "ca": { "ca_phone_mobile": "07799 123456", "ca_request_id": "01ICUS", "ca_return_code": 0, "ca_dob": "11.07.1950", "ca_last_name": "Pandy", "ca_num_policies": 0, "ca_phone_home": "01962 811234", "ca_email_address": "A.Pandy@beebhouse.com", "ca_house_name": "", "ca_policy_data": "", "ca_customer_num": 1, "ca_first_name": "Andrew", "ca_house_num": "34", "ca_postcode": "PI101OO" } } }
http://address/ci/c/2 给出：

{ "LGICUS01OperationResponse": { "ca": { "ca_phone_mobile": "123", "ca_request_id": "01ICUS", "ca_return_code": 0, "ca_dob": "30.09.1965", "ca_last_name": "Tracey", "ca_num_policies": 0, "ca_phone_home": "", "ca_email_address": "REFROOM@TBHOLDINGS.COM", "ca_house_name": "Tracey Island", "ca_policy_data": "", "ca_customer_num": 2, "ca_first_name": "Scott", "ca_house_num": "", "ca_postcode": "TB14TV" } } }

等等。现在我已经设法使用 ajax 读取 JSON 记录，但是在 getCurrentJson 函数之外传递该信息数组时遇到了严重的问题。最佳情况是前两个参数将被省略，这样会有一个用户信息数组供以后以“标准方式”进行操作，如下所示：

{
    "rows":[
        {"ca_customer_num":1", "ca_first_name:"Andrew",...}
        {"ca_customer_num":2", "ca_first_name:"Scott",...}
    ...
    ]
}

代码如下：

<!DOCTYPE html>
<html>
    <head>
        <title>JSON test</title>
          <script src="jquery.js" type="text/javascript"></script>      
          <script>
          var myjson = [];
          for (i = 1; i < 11; i++) {
              getCurrentJson(i);
              console.log(myjson[i].LGICUS01OperationResponse.ca.ca_phone_mobile);
          }

          function getCurrentJson(current){
            $.ajax({ 
                dataType: "json",
                url: "http://192.49.208.193:9081/ci/c/"+current,
                success: function(data){
                    myjson[current] = data;
                    console.log(myjson[current]);
                    console.log(myjson[current].LGICUS01OperationResponse.ca.ca_phone_mobile);
                }
              });       
          }
        </script>
    </head>
    <body>
    </body>
</html>

现在 ajax 函数中的 console.log 输出可以打印对象信息和“ca_phone_mobile”号码，但是 for 循环中的第一个控制台输出显示：“未捕获的类型错误：无法读取未定义的属性 'LGICUS01OperationResponse'(…) ”。我需要一些 toString 数据类型转换或类似的吗？我也尝试将 myjson 数组传递给 getCurrentJson 函数，但没有成功。

【问题讨论】：

$.ajax 进行异步调用。这就是为什么你的 for 循环中的 console.log 没有显示预期的结果，异步请求尚未完成。

标签： javascript arrays json ajax

【解决方案1】：

注意 AJAX 请求是异步的

PS：下面的部分示例（另请注意，并非所有请求都必须成功，有些可能会失败并且永远不会得到done == total）

var myjson = [];
var total = 10;
var done = 0;

for (i = 1; i <= total; i++) {
  getCurrentJson(i);
  // at this point AJAX request haven't finished (most likely)
  //console.log(myjson[i].LGICUS01OperationResponse.ca.ca_phone_mobile);
}

function allDone() {
  console.log(myjson);
}

function getCurrentJson(current){
  $.ajax({ 
    dataType: "json",
    url: "http://192.49.208.193:9081/ci/c/"+current,
    success: function(data){
      myjson[current] = data;
      done++;
      console.log(myjson[current]);
      console.log(myjson[current].LGICUS01OperationResponse.ca.ca_phone_mobile);
      if (done == total) {
        allDone();
      }
    }
  }); 
}

&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;

【讨论】：

很好，这似乎有效！ :) 似乎技巧不是尝试将 ajax 与 js 同步，而是让 ajax 在准备好时进行自己的函数调用。但是，问题是只要有信息，我就想读取 c/"X" 地址。服务器在读取数据时只会返回空值，所以我可以做一个简单的 'if (ca_last_name == "")' 检查而不是 "(done == total)"，但由于异步 ajax 的性质，我会需要在调用函数中有一些无限循环并以某种方式将其分解。任何提示如何做到这一点？谢谢。 :)
是的，你必须循环直到一个标志被提出，这样的标志将被第一个请求标记，没有你所说的ca_last_name。但请注意，您需要检测所有启动的请求何时全部完成。为此，您应该处理complete，因为该回调“在请求完成时调用（在执行success 和error 回调之后）。”。然后对于每个启动的请求，您将（例如）增加total，而在每个complete 回调上您将增加done，虽然您不会只停留在done==total，但您还需要监控你的旗帜

【解决方案2】：

Javascript 是异步的，您必须等待响应。暂时

console.log(myjson[i].LGICUS01OperationResponse.ca.ca_phone_mobile);

在收到 ajax 请求响应之前执行。所以你应该使用async 或处理回调。

http://codepen.io/anon/pen/gLPJNe

【讨论】：

我假设在代码sn -p "cb" 中需要写"callback"。我试过了，但仍然出现错误：demo_callback.html:11 Uncaught TypeError: Cannot read property 'LGICUS01OperationResponse' of undefined(...)