关于原生js渲染

当我们自己写出来之后是死数据的时候,就需要我们去到后台给出的数据来渲染,当我们拿到的数据是这个样子的

 但是我们所需要的是商圈的个数,也就是两个,所以需要shop.length,最后得出的结果也就是2

到现在为止,我们已经拿出了我们需要渲染的数据。

html代码如下

 <div id="shop">11</div>


 <div class="shop">11</div>

然后引入jquery

 <script type="text/javascript" src="/js/jquery.js"></script>

然后就可以直接渲染

 //声明一个变量用来接受上方我们得到的数据

let shop = response.data.data.length
//直接获取上方的ID名称,然后.html(声明的那个变量名)
$('#shop').html(shop)




//直接获取上方的class名称,然后.html(声明的那个变量名)
$('.shop').html(shop)

okk,这样就好啦

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Theleaf是一种用于在服务器端渲染HTML的模板引擎,它使用原生的HTML标签进行模板渲染。然而,Thymeleaf本身并不支持直接使用原生的JavaScript进行渲染。如果您需要在Thymeleaf中使用原生JavaScript进行渲染,可以考虑以下几种方法: 1. 使用Thymeleaf表达式生成JavaScript代码: 您可以在Thymeleaf模板中使用Thymeleaf表达式生成JavaScript代码,并将其插入到HTML中。例如,您可以使用Thymeleaf的属性前缀`th:inline="javascript"`来指示Thymeleaf解析内联的JavaScript代码。然后,您可以在`<script>`标签中编写原生的JavaScript代码,并在其中使用Thymeleaf表达式来引用模板中的数据。请注意,该方法只能在内联JavaScript中使用Thymeleaf表达式,而不能在外部JavaScript文件中使用。 2. 使用Thymeleaf生成动态数据: Thymeleaf还支持使用动态来生成HTML属性的。您可以在Thymeleaf模板中使用Thymeleaf的属性前缀`th:`来指示Thymeleaf使用动态。例如,您可以使用`th:src`属性来指定一个动态的图片路径。然后,您可以在JavaScript中使用这些动态渲染页面。 3. 结合其他JavaScript库: 如果您需要更灵活地使用原生JavaScript进行渲染,可以考虑将Thymeleaf与其他JavaScript库(如jQuery)结合使用。您可以使用Thymeleaf生成HTML模板,并在模板中使用特殊的占位符来表示需要替换的数据。然后,在客户端使用JavaScript库来解析模板并替换占位符为实际数据。这样,您就可以使用原生JavaScript来进行更灵活的渲染。 总结起来,Thymeleaf本身并不直接支持使用原生JavaScript进行渲染,但可以通过使用Thymeleaf表达式生成JavaScript代码、使用动态和结合其他JavaScript库等方法来实现在Thymeleaf中使用原生JavaScript进行渲染。具体选择哪种方法取决于您的需求和项目要求。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值