Sammy.js路由死循环
Sammy.js路由死循环
提问于 2014-07-28 22:29:15
我正在尝试在我的ASP.NET MVC应用程序中实现https://github.com/jonfazzaro/mvc-spa/tree/master/mvc-spa。
我将只突出显示_Layout.cshtml中的代码
<div id="body">
@RenderSection("featured", required: false)
<section id="page" class="content-wrapper main-content clear-fix">
@RenderBody()
</section>
</div>
<footer>
<div class="content-wrapper">
<div class="float-left">
<p>© @DateTime.Now.Year - My ASP.NET MVC Application</p>
</div>
</div>
</footer>
@*@Scripts.Render("~/bundles/jqueryui")*@
@Scripts.Render("~/js/mvc-spa")
<script>
$(function () {
var routing = new Routing('@Url.Content("~/")', '#page', '');
routing.init();
});
</script>下面是来自git集线器的路由配置
var Routing = function (appRoot, contentSelector, defaultRoute) {
function getUrlFromHash(hash) {
var url = hash.replace('#/', '');
if (url === appRoot)
url = defaultRoute;
return url;
}
return {
init: function () {
var app = Sammy(contentSelector, function () {
this.get(/\#\/(.*)/, function (context) {
var url = getUrlFromHash(context.path);
context.load(url).swap();
});
})
app.run('#/');
}
};}
如果我转到/ #/ about或/#/contact (例如git hub中的应用程序)，一切看起来都很好，但是当导航到我的应用程序页面的#/ (root-path)时，就会一次又一次地被调用
怎么一回事？
我问自己的另一个问题是在转到/#/nosuchurl时如何处理404错误
回答 1
Stack Overflow用户
发布于 2015-02-08 01:02:25
有点晚了，但我希望这对某些人有帮助。
我猜问题在于，您将整个Index作为一个视图加载，其中包含布局中的所有内容(脚本、css等)。
我也在用Sammy.js和MVC应用程序进行测试，这是有效的：
_Layout：
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
@Html.ActionLink("Application name", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" })
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="#/Home/_Index">Home</a></li>
<li><a href="#/Home/About">About</a></li>
<li><a href="#/Home/Contact">Contacto</a></li>
</ul>
</div>
</div>
</div>
<div class="container body-content" id="page">
@RenderBody()
<hr />
<footer>
<p>© @DateTime.Now.Year - My ASP.NET Application</p>
</footer>
</div>
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts", required: false)
<script>
$(function () {
var routing = new Routing('@Url.Content("~/")', '#page', '');
routing.init();
});
</script>HomeController：
public class HomeController : Controller {
public ActionResult Index() {
return View();
}
public ActionResult _Index() {
return PartialView();
}
public ActionResult About() {
ViewBag.Message = "Your application description page.";
return PartialView();
}
public ActionResult Contact() {
ViewBag.Message = "Your contact page.";
return PartialView();
}
}以及GitHub中的示例附带的路由文件：
var Routing = function (appRoot, contentSelector, defaultRoute) {
function getUrlFromHash(hash) {
var url = hash.replace('#/', '');
if (url === appRoot)
url = defaultRoute;
return url;
}
return {
init: function () {
Sammy(contentSelector, function () {
this.get(/\#\/(.*)/, function (context) {
var url = getUrlFromHash(context.path);
context.load(url).swap();
});
}).run('#/');
}
};}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24997524
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号