Работает без проблем, но так как я новичок, я не уверен, что это правильный способ сделать это.На моей главной 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
}
});
}
Так это так, или это так?Некоторые советы будут высоко оценены.