我有一个Web应用程序,整个布局保持不变,除了一个
。目前,我只是使用路由来处理链接,似乎重新加载其余的layout.ejs文件是一种浪费,因为我想要改变的唯一事物是我的
。
我需要在我的layout.ejs文件中做出什么改变?这是我的当前文件:
我需要在我的layout.ejs文件中做出什么改变?这是我的当前文件:
<!DOCTYPE html>
<html lan="en">
<head>
<title><%= title %></title>
<link rel="stylesheet" href="/stylesheets/reset.css">
<link rel='stylesheet' href='/stylesheets/style.css' />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="/nowjs/now.js"></script>
<script src="/javascripts/chat.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header">
</div>
<div id="chat">
<input type="text" id="text-input">
<input type="button" value="Send" id="send-button">
</div>
<div id="content">
<%- body %>
</div>
<div id="rooms">
</div>
<div id="footer">
<div id="footer_links">
<a href="/">Home</a> | <a href="/about">About</a> | <a href="/contact">Contact</a>
</div>
</div>
</div>
</body>
</html>
我在考虑使用AJAX来实现这个功能,但是我听说使用局部视图也有很多好处。只是我不确定如何设置。此外,我听说可以使用WebSockets来替代AJAX与局部视图一起使用。这样做是一个好主意吗?是否可行?
抱歉,这可能很简单,但我在阅读文档时遇到了困难。
谢谢!