Question

最近我对jQuery模板引擎感兴趣。

对于ajax调用非常高效，因为数据交换较少。

但是当我第一次加载我的应用程序时，我只使用php和html来打印数据，所以为了使用这个技术，我必须复制模板吗？一个用于php html，一个用于javascript？

我该如何解决这个问题？

Answer 1

可以在服务器端和客户端上使用相同的模板。例如，mustache具有多种语言的实现，包括PHP和Javascript。但一般来说，我发现坚持一种方法更容易。

如果你正在使用jQuery模板在客户端渲染，为什么不在第一次使用Javascript渲染。为了避免需要额外的AJAX调用，您可以将数据模型作为javascript对象注入页面并将其传递给模板渲染器。

这是一个例子。 json_encode函数应该对此有用。

<script type="text/javascript">

// This line gets generated by your PHP code.
//   You'll want to use the JSON methods instead of generating it by hand.
var myModel = { name: 'Fred', surname: 'Bloggs' };

$(document).ready(function() {
    // Here you render the template using the data that's
    //   already in myModel
});

</script>

Answer 2

您可以尝试Distal templating engine。

您的HTML页面是模板的一部分。

<div>
  Hi, <span data-qtext="user.name">Guest</span>
</div>

首次加载时，显示“Hi，Guest”，然后运行模板，您可以替换“Guest”。

模板引擎javascript和php / html

2 个答案: