Javascript 使用json链接到字符串

我将新项添加到一个表中，作为JSON数据。我有一个名字，价格，类别和一个链接。如何使我在单击某一行时访问与该项目关联的链接

HTML

---

向行元素添加自定义数据值

$（待定）。数据（“项目索引”，i）

然后可以使用

var索引=$（此）.data（“项目索引”）；
console.log（数据[索引]）；

向行元素添加自定义数据值

$（待定）。数据（“项目索引”，i）

然后可以使用

var索引=$（此）.data（“项目索引”）；
console.log（数据[索引]）；

您可以将单击事件处理程序绑定到您创建的行，这些行可以获取该行的链接，并将其用于浏览器位置以重定向到链接位置

$(function() {
  $.getJSON('catalog.json', function(data) {
    $.each(data.catalog, function(i, category) {
      let $tblRow = $(
        "<tr><td>"+ category.title +
        "</td><td>"+ category.category +
        "</td><td>"+ category.price +
        "</td></tr>"
      );

      $tblRow.on('click', function(e){
        window.location = category.link;
      });

      $tblRow.appendTo("#userdata");
    });
  });
});

$（函数（）{
$.getJSON（'catalog.json'，函数（数据）{
$.each（data.catalog，function（i，category）{
让$tblRow=$(
“”+category.title+
“”+category.category+
“+category.price+
""
);
$tblRow.on（'click'，函数（e）{
window.location=category.link；
});
$tblRow.appendTo（“#userdata”）；
});
});
});

您可以将单击事件处理程序绑定到您创建的行，这些行可以获取该行的链接，并将其用于浏览器位置以重定向到链接位置

$(function() {
  $.getJSON('catalog.json', function(data) {
    $.each(data.catalog, function(i, category) {
      let $tblRow = $(
        "<tr><td>"+ category.title +
        "</td><td>"+ category.category +
        "</td><td>"+ category.price +
        "</td></tr>"
      );

      $tblRow.on('click', function(e){
        window.location = category.link;
      });

      $tblRow.appendTo("#userdata");
    });
  });
});

$（函数（）{
$.getJSON（'catalog.json'，函数（数据）{
$.each（data.catalog，function（i，category）{
让$tblRow=$(
“”+category.title+
“”+category.category+
“+category.price+
""
);
$tblRow.on（'click'，函数（e）{
window.location=category.link；
});
$tblRow.appendTo（“#userdata”）；
});
});
});

{
    "catalog": [
        {
            "title": "ФТ-45",
            "category": "Шкаф",
            "price": 200,
            "link":"/1.html"
        },
        {
            "title": "Наташа",
            "category": "Диван",
            "price": 300,
            "link":"/2.html"
        },
        {
            "title": "Peter",
            "category": "Шкаф",
            "price": 400,
            "link":"/3.html"
        },
        {
            "title": "Сокол",
            "category": "Кресло",
            "price": 400,
            "link":"/4.html"
        }
    ]
 }

$(function() {
  $.getJSON('catalog.json', function(data) {
    $.each(data.catalog, function(i, category) {
      let $tblRow = $(
        "<tr><td>"+ category.title +
        "</td><td>"+ category.category +
        "</td><td>"+ category.price +
        "</td></tr>"
      );

      $tblRow.on('click', function(e){
        window.location = category.link;
      });

      $tblRow.appendTo("#userdata");
    });
  });
});