相当于每个json调用

Question

我通常会这样做一个JSON调用：

$.getJSON(url, function(data){

   var productsHtml = '';

   $.each(json.products, function(index, product){

然后我可以像这样构建我的HTM：

productsHtml = '<div>'+ product.name +'</div>';

当你只有一个产品循环时，我想知道如何做到这一点。通常，您需要将“数据”放在元素前面。像这样：

$.getJSON(url, function(data){

       var productsHtml = '<div>'+ data.product.name +'</div>';

问题是我需要将'data'放在product.name前面。有没有办法让我不需要在产品名称前面使用“数据”，只需输入'product.name'即可？

不要问我为什么，我只是想知道。我发现一个帖子有同样的问题，但我无法弄清楚如何处理上面的例子！

jQuery/JavaScript equivalent of each() for a single element?

Answer 1

您可以使用with ，但这不是推荐的做法。

在此检查原因https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/with#Description

with(data){
    var productsHtml = '<div>'+product.name +'</div>';
}