[英]Creating a fully ajax based website with ASP.NET MVC
我正在计划创建一个基于完全ajax请求的网站。 但是我心里有一些疑问,
1-我应该使用JavaScript路由引擎库扩展吗? 我真的需要吗? 因为我正在使用的网站非常大,而且一定会成长。
2-我将仅通过ajax加载每个页面内容,但我不会使用JSON
,我打算使用PartialViews
可以吗?
3
<script type="text/javascript">
$("a.ajax").click(function() {
$(".placeholder").load(this.href);
return false;
});
</script>
<a class="ajax" href="/Home/Products/2">Products</a>
<div class="placeholder"></div>
这是我过程的简单代码,问题在这里,历史记录,当用户想要返回时,它将失败。 如何解决这个问题?
1-我应该使用JavaScript路由引擎库扩展吗? 我真的需要吗? 因为我正在使用的网站非常大,而且一定会成长。
如果您在客户端上有很多逻辑,则可以考虑使用某些MVVM javascript框架。 KnockoutJS
和AngularJS
是一些受欢迎的选择。
2-我将仅通过ajax加载每个页面内容,但我不会使用JSON,我打算使用PartialViews可以吗?
您可以使用HTML5 History API
,该HTML5 History API
允许您在每次发出AJAX请求时将条目添加到浏览器历史记录中。
这是一个例子:
$("a.ajax").click(function() {
var href = this.href;
var title = $(this).text();
$(".placeholder").load(href, function() {
// Add an entry in the browser history
history.pushState(null, title, href);
});
return false;
});
尝试看一下angularjs。 AngularJs + asp.net Web API将是一个好方法
答案q1:最好使用诸如angular.js之类的mvvm框架,但是您也可以自己处理所有事情,当然,如果要处理这样的事情,则必须编写更多代码! 答案q2:可以,只需通过ajax调用即可调用一个动作方法,并且在动作方法中呈现一个局部视图,并且在您要成功的函数中更新所需的任何位置,我也正在使用此方法:)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.