Ajax 使用模板引擎(art-template)对响应数据进行渲染

最新推荐文章于 2024-04-23 11:45:56 发布

夏沐_lk

最新推荐文章于 2024-04-23 11:45:56 发布

阅读量1.9k

点赞数

分类专栏： jquery 文章标签： Ajax 模板引擎 art-template

本文链接：https://blog.csdn.net/guanmao4322/article/details/88781946

版权

本文介绍如何结合Ajax与art-template模板引擎来高效地渲染服务器响应的数据。通过引用art-template的官方参考手册，提供了详细的使用示例，帮助开发者实现更流畅的前端展示。

摘要由CSDN通过智能技术生成

art-template模板引擎参考手册：https://aui.github.io/art-template/zh-cn/docs/index.html

案例：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>AJAX 动态表格渲染</title>
</head>
<body>
  <table id="demo"></table>

  <!--
    script 标签的特点是
    1. innerHTML 永远不会显示在界面上
    2. 如果 type 不等于 text/javascript 的话，内部的内容不会作为 JavaScript 执行
  -->
  <script id="tmpl" type="text/x-art-template">
    {
  {each comments}}
    <!-- each 内部 $value 拿到的是当前被遍历的那个元素 -->
    <tr>
      <td>{
  {$value.author}}</td>
      <td>{
  {$value.content}}</td>
      <td>{
  {$value.created}}</td>
    </tr>
    {
  {/each}}
  </scr

最低0.47元/天解锁文章

夏沐_lk

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
Ajax 使用模板引擎(art-template)对响应数据进行渲染

art-template模板引擎参考手册：https://aui.github.io/art-template/zh-cn/docs/index.html案例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>AJAX 动态表格...
复制链接

扫一扫

专栏目录