重构部分视图的jQuery AJAX调用
Refactor jQuery AJAX call for partial view
在我的ASP.net MVC 5应用程序中,我有很多对不同部分视图的调用。为了加载/刷新这些视图,我使用jQuery AJAX。
然而,我最终有很多调用jquery看起来丑陋和冗余。我在想一定有更好的办法。
这是我的脚本在我的index.cshtml
,我调用部分视图。
$(document).ready(function() {
// load today's level
$.ajax({
url: '@Url.Action("_TodayLevel")',
type: 'GET',
contentType: 'application/json',
dataType: 'html',
//traditional: true,
}).success(function(e) {
$('#today-level').html(e);
});
// .... truncated to save space. But you get the idea, I have lots of this
// load host level
$.ajax({
url: '@Url.Action("_HostLevel")',
type: 'GET',
contentType: 'application/json',
dataType: 'html',
//traditional: true,
}).success(function (e) {
$('#host-level').html(e);
});
});
有更好的方法吗?
在您给出的示例中,您实际上是请求一个HTML页面,然后使用返回的HTML更新页面的一部分。
如果是这种情况,那么您可以简单地使用jQuery的.load()
方法:https://api.jquery.com/load/
您可以简单地考虑使用下面的代码来实现您想要的
@{Html.renderaction("_TodayLevel","Controller");}
如果你对这两个视图没有任何控制器操作,你也可以考虑使用
@{Html.renderPartial("_yourViews");}
相关文章:
- 另一个ajax调用中的Jquery ajax调用在for循环中没有按预期工作
- Javascript/jQuery中的并行Ajax调用
- 任何方式使AJAX调用Gmail API,而无需通过JS库
- node.js请求数据事件未在CORS ajax调用中触发
- 如何从ajax调用返回.wrap()元素
- Ajax调用在Firefox中不会自动响应
- AJAX调用中的非法调用
- 使用AJAX调用将GeoJSON数据拉入传单
- 在MVC 4中,对Controller的Ajax调用为空
- Jquery:对返回JSON数据的php脚本的Ajax调用
- 在ajax调用中阻止来自JS对象的函数
- 如何在MVC5中ajax调用的部分视图中引用外部javascript
- 页面加载后的Ajax调用
- 如何使用Ajax调用特定的控制器和操作来重定向用户
- curl和fileget_contents在ajax调用后不起作用
- 在任何AJAX调用之前触发一个javascript函数
- 无法在mvc视图中使用ajax调用获取操作返回的模型对象列表
- Ajax调用ERror Cross Origin REquest:在rails中自动完成大学列表
- ASP.NET MVC 3-在ajax调用后,重定向到新页面或生成页面刷新
- 点击功能没有'ajax调用动态元素(Backbone)后无法工作