Question

我正在从JSON将一些内容加载到我的网页上，包括描述和价格，但是当我要加载图像URL时，我似乎无法找出如何物理加载图像而不是插入URL的方法。进入我的HTML。我是否需要创建一个新函数，或者可以在我正在使用的脚本或文档行中使用它来加载我的图像URL，而不是实际的图像。我知道通过python您使用image src，但是我似乎无法找出如何在我的jquery代码中添加它。

for (var i = 0; i < pro.length; i++) {
     if (pro[i].name + " - Price: " + pro[i].unit_cost==  
     event.target.textContent) {
          $('#pro').html('');
          $('#pro').html(pro[i].description + pro[i].unit_cost + '</br>' +   
          pro[i].image_url);
     }
   }
})
$('#app').append(el);

我收到的pro[i].image_url的输出显然是“ https://randomage.jpg”，而不是实际显示的jpg，这正是我要实现的目标。

任何帮助将不胜感激！谢谢！

Answer 1

只需将html标签创建为字符串：

var _endpoints = {
  "subscription": [
    [
      "create",
      "POST",
      "/subscriptions",
      null,
      false
    ],
    [
      "create_for_customer",
      "POST",
      "/customers",
      "/subscriptions",
      true
    ],
    [
      "list",
      "GET",
      "/subscriptions",
      null,
      false
    ],
    [
      "subscriptions_for_customer",
      "GET",
      "/customers",
      "/subscriptions",
      true
    ],
    [
      "retrieve",
      "GET",
      "/subscriptions",
      null,
      true
    ],
    ...
}

注意：使用$('#pro').html(pro[i].description + pro[i].unit_cost + '</br>' + '<img src='+ pro[i].image_url + '>');连接长字符串是一个耗时的过程。您可以先创建一个图像标签，然后使用jquery +分配src。

如何通过Jquery脚本将图像加载到html上？

2 个答案: