Question

它可以正常工作，但是由于我是初学者，所以我不确定这是否是正确的方法。在我的主要html页面上，我有一个 div ，其中包含一些产品详细信息。我希望从数据库中加载它们，并在页面加载后立即显示在页面上。类似于www.amazon.com页面上的内容。一旦我们加载页面，就会有带有图片，价格等的产品。这就是我这样做的方式。

我的HTML页面：

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" href="style.css">
</head>
<body >

 <div id="PictureDiv"></div>
 <div id="NameDiv"></div>
 <div id="PriceDiv"></div>

 <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
 <script type="text/javascript" src="javascriptjs"></script>
</body>

我的JavaScript文件：

OnPageLoad (); // executes as soon as the page loads

function OnPageLoad () {
  $.ajax({
    url: 'getProducts',
    method: 'GET',
    success: function (data) {
      $("#PictureDiv").html(data.pic);
      $("#NameDiv").html(data.name);
      $("#PriceDiv").html(data.price);
    },
    error: function (error) {
      // handle error
    }
});
}

是这样吗？一些建议将不胜感激。

在页面加载时将内容加载到html页面上

0 个答案: