HTML部分
<body>
<div class="container"id="productBox">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand"href="javascript:;"id='reset'>商城排序</a>
<div class="collapse navbar-collapse show">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link"href="javascript:;">价格</a>
</li>
<li class="nav-item">
<a class="nav-link"href="javascript:;">时间</a>
</li>
<li class="nav-item">
<a class="nav-link"href="javascript:;">热度</a>
</li>
</ul>
</div>
</nav>
<div class="content">
<div class="card">
<img src="img/1.jpg"class="card-img-top"alt=""/>
<div class="card-body">
<h5 class="card-title">HUAWEI Mate 40 Pro</h5>
<p class="card-text">价格:¥6999</p>
<p class="card-text">时间:2021-01-22</p>
<p class="card-text">热度:666</p>
</div>
</div>
</div>
</div>
<!-- IMPORT JS -->
<script src="js/index.js"></script>
</body>
JS部分
第一种
(function () {
//ajax 固定的
let xhr = new XMLHttpRequest()
xhr.open('get', './product.json', false)
xhr.onreadystatechange = function () {
if (xhr.status == 200 && xhr.readyState == 4) {
// JSON.stringfy 转换成字符串 JSON.parse 转换成数组
console.log(xhr.response);
let ary = JSON.parse(x