现在我有一个单独的脚本,它使用 jquery 从 api 调用数据
function sendRequest() {
$.ajax({
url: "http://localhost:3002/api/people",
type: "get", //send it through get method
data: {
filters
},
success: function(response) {
console.log("Response :" , response)
//Do Something
},
error: function(xhr) {
//Do Something to handle error
}
});
}
现在我有了调用脚本的 html
<div class="item col-lg-4 grid-group-item list-group-item mh-animate">
<div class="vehicle-wrap">
<div class="v-image">
<div class="v-special"><i class="fas fa-star"></i> Special</div>
<img class="group list-group-image img-fluid" src="" alt="" />
</div>
<div class="v-info">
<h4 class="list-group-item-heading"><a href=""> 2019 Ford F-150 XLT </a></h4>
<div class="v-info-details">
<div class="v-details">
<ul>
<li><strong>Body Style: </strong></li>
<li><strong>Model Code: </strong></li>
<li><strong>Engine: </strong></li>
<li><strong>Drive Type: </strong></li>
<li><strong>Transmission: </strong></li>
<li><strong>Ext. Color: </strong></li>
<li><strong>Int. Color: </strong></li>
<li><strong>MPG: </strong>19 City / 25 Hwy</li>
<li class="vinDisplay"><strong>VIN #: </strong><span></span></li>
<li><strong>Stock #: </strong></li>
</li>
</ul>
</div>
我什至可以在页面加载时记录数据
https://imgur.com/a/EQzDsMv
现在如何将请求中的这些数据绘制到 html 中?我需要像 Nunjucks 这样的模板引擎吗?因为我习惯使用 angular 和其他框架我只是使用 jquery 的新手。有什么想法吗?
最佳答案
据我所知,您问的是如何使用 jQuery 编辑 HTML。
如果是这样,那么你可以使用
$("#elementIdGoesHere").html(dataGoesHere)
如果您通过 ID 选择
$(".elementClassGoesHere").html(dataGoesHere)
如果您按类名选择。
关于javascript - 如何将数据从 jquery 传递到 html?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58585055/