首页 / JAVASCRIPT / 没有RJS的Javascript模板,带有JSON

没有RJS的Javascript模板,带有JSON

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了没有RJS的Javascript模板,带有JSON，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1384字，纯文字阅读大概需要2分钟。

内容图文

关于RJS最方便的事情之一是它能够渲染部分内容,因此您可以在一个地方拥有所有视图代码：

# task/index.html.erb
<ul id="task_list">
  <%= render :partial => 'task', :collection => @tasks %>
</ul>

# task/_task.html.erb
<li>
  <% if task.is_completed %>
    <%= task.name %> - <%= task.completed_date %>
  <% else %>
    <%= task.name %> - UNCOMPLETED
  <% end %>
  ...
</li>

现在我正试图摆脱RJS并让服务器以一个小的,格式很好的JSON而不是大量的JS HTML进行响应.

有没有办法保持我的部分文件和代码没有重复,并能够通过JS添加新项目而不使用RJS？我已经研究了一些javascript模板引擎,但它们都需要我维护一个单独的ruby部分和一个javacript模板.

解决方法:

jQuery 1.4.3将包含tmpl插件(直接集成到jQuery中)
见http://api.jquery.com/jquery.tmpl/

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script src="http://nje.github.com/jquery-tmpl/jquery.tmpl.js"></script>
</head>
<body>

<ul id="movieList"></ul>

<script>
  var movies = [
  { Name: "The Red Violin", ReleaseYear: "1998" },
  { Name: "Eyes Wide Shut", ReleaseYear: "1999" },
  { Name: "The Inheritance", ReleaseYear: "1976" }
  ];

var markup = "<li><b>${Name}</b> (${ReleaseYear})</li>";

/* Compile the markup as a named template */
$.template( "movieTemplate", markup );

/* Render the template with the movies data and insert
   the rendered HTML under the "movieList" element */
$.tmpl( "movieTemplate", movies )
  .appendTo( "#movieList" );
</script>

</body>
</html>

内容总结

以上是互联网集市为您收集整理的没有RJS的Javascript模板,带有JSON全部内容，希望文章能够帮你解决没有RJS的Javascript模板,带有JSON所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/806446.html

来源：【匿名】