jquery ajax模板

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tmpl/1.0.0pre/jquery.tmpl.min.js"></script>

<script id="movieTemplate" type="text/x-jquery-tmpl">
  <div class="item">
    <h2>{{=title}}</h2>
    <p>{{=description}}</p>
  </div>
</script>

<div id="movieList"></div>

<script>
  $(document).ready(function() {
    var movies = [
      { title: "The Red Violin", description: "A violin's journey from a master to a museum" },
      { title: "Eyes Wide Shut", description: "A doctor's journey to uncover the truth about his life" },
      { title: "The Inheritance", description: "A man's journey to understand his past" }
    ];

    $("#movieTemplate").tmpl(movies).appendTo("#movieList");
  });
</script>