从 Ajax 请求中提取字段答案

【问题标题】：Extracting fields from an Ajax request从 Ajax 请求中提取字段
【发布时间】：2021-01-17 18:45:26
【问题描述】：

我有以下 Jquery Ajax 请求：

    function DoPaymentSearch() {
    var start,end;
    start=Date.now();
    var getQuotesSuccess = function(results){
    end=Date.now();

    alert(JSON.stringify(results));
    };

$.ajax({
    type: 'POST',
    contentType: 'application/json',
    url: 'https://a-quote-server.com/',
    data: JSON.stringify(quoteRequest),
    success: getQuotesSuccess,
    dataType: 'json',
    processData : 'false',
    crossDomain : true
    });
}

$(document).ready(DoPaymentSearch);

它给出了一个看起来像这样的 JSON 字符串：

{"VehicleResults":[{"Id":"0","FinanceProductResults":[{"Term":48,"AnnualMileage":10000,"Deposits":1000,"ProductResults":[{"Key":"HP","Payment":358.9},{"Key":"PCP","Payment":267.53}]}]}]}

但是，我无法从中提取 HP 和 PCP 付款字段。我想将它们附加到页面上的一些文本中。

将警报替换为：

$('#content').append(results.VehicleResults.FinanceProductResults.ProductResults.Key.HP.Payment);

不工作。

【问题讨论】：

但是你有 JSON.parse 之前的字符串还是？
@claus-bönnhoff 如果我尝试var p = JSON.parse(results); 我得到：意外的标识符“对象”

标签： jquery json ajax

【解决方案1】：

您的 ProductResults 是 JSON 数组，因此要从该数组中获取所有值，您需要使用一些循环遍历它。

演示代码：

var results = {
  "VehicleResults": [{
    "Id": "0",
    "FinanceProductResults": [{
      "Term": 48,
      "AnnualMileage": 10000,
      "Deposits": 1000,
      "ProductResults": [{
        "Key": "HP",
        "Payment": 358.9
      }, {
        "Key": "PCP",
        "Payment": 267.53
      }]
    }]
  }]
}
//if only first one to fetch
/*$('#content').append(results.VehicleResults[0].FinanceProductResults[0].ProductResults[0].Key);
$('#content').append(results.VehicleResults[0].FinanceProductResults[0].ProductResults[0].Payment);*/

//if all values from `ProductResults` need to be fetch
$(results.VehicleResults).each(function(i, value) {
  console.log(value.Id)
  $(value.FinanceProductResults).each(function(i, values) {
    console.log(values.Term)
    $(values.ProductResults).each(function(i, val) {
      $('#content').append("<p> Key : " + val.Key + " | Payment :" + val.Payment + "</p>")
    })
  })
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="content">
</div>

【讨论】：

正是我想要的。非常感谢。