如何使用 jQuery.getJSON() 并以 bootstrap 模式打印

Question

我是一名学生，也是 jQuery 的真正初学者，我想知道如何让 jQuery.getJSON() 读取本地文件，然后以模式打印它（Bootstrap)

这是我的本地文件 (fruits.json)

{
    Name: “Apple”, 
    Image: “./img/imag_apple.jpg”, 
    Description: “Tasty Apple”, 
    PriceKG: 34, 
    Taxes: 16,
    Number: 28
}
{
    Name: “Orange”, 
    Image: “./img/imag_orange.jpg”, 
    Description: “Tasty Orange”, 
    PriceKG: 34, 
    Taxes: 16,
    Number: 28
}
{
    Name: “Lime”, 
    Image: “./img/imag_lime.jpg”, 
    Description: “Tasty Lime”, 
    PriceKG: 34, 
    Taxes: 16,
    Number: 28
}

Answer 1

您添加从 getJSON() 的响应中获取数据，然后将其添加到您的模态中。

jQuery.getJSON(url, function (data) {
  var jsonObj = JSON.stringify(data);
  // add data to modal
});

Demo

如何使用 jQuery.getJSON() 并以 bootstrap 模式打印

How to use jQuery.getJSON() and print it in a bootstrap modal

jquery

json

getjson

twitter-bootstrap