Jquery 加载页面后的部分呈现
我有一个包含一些用户控件的页面。我希望在回发后像ajax渲染一样加载这些用户控件 每个usercontrols都显示一个来自数据库的列表,我不希望用户在服务器代码生成响应时等待。我认为,如果为用户显示页面,并且在usercontrols通过ajax请求加载之后,这将非常有用 ASP.NET MVC中是否存在解决方案?这个问题有解决办法吗Jquery 加载页面后的部分呈现,jquery,asp.net-mvc,ajax,Jquery,Asp.net Mvc,Ajax,我有一个包含一些用户控件的页面。我希望在回发后像ajax渲染一样加载这些用户控件 每个usercontrols都显示一个来自数据库的列表,我不希望用户在服务器代码生成响应时等待。我认为,如果为用户显示页面,并且在usercontrols通过ajax请求加载之后,这将非常有用 ASP.NET MVC中是否存在解决方案?这个问题有解决办法吗 提前感谢:l.只需使用jQuery绑定从action方法返回的HTML(该方法应返回部分视图结果-例如用户控件/partial的输出): 控制器: [HttpG
提前感谢:l.只需使用jQuery绑定从action方法返回的HTML(该方法应返回部分视图结果-例如用户控件/partial的输出): 控制器:
[HttpGet]
public PartialViewResult GetSomeData()
{
var data = somewhere.GetSomething();
return PartialView(data); // partial view should be typed to data.
}
$(document).ready(function() {
$.get('/home/getsomedata/', function(data) {
$('#target').html(data);
});
});
jQuery:
[HttpGet]
public PartialViewResult GetSomeData()
{
var data = somewhere.GetSomething();
return PartialView(data); // partial view should be typed to data.
}
$(document).ready(function() {
$.get('/home/getsomedata/', function(data) {
$('#target').html(data);
});
});
我通常这样做:
在标记中,我保留了加载用户控件的空间,如
<div id="i-tabs-5">
<div style="text-align:right;margin-bottom:6px;">...</div>
<div id="issueNoteListPlaceholder"></div>
</div>
...
然后在domready上进行ajax调用,返回部分视图结果并替换占位符的内容
$(document).ready(function () {
loadIssueNotes();
});
function loadIssueNotes() {
$.ajax({
type: "get",
dataType: "html",
url: '<%: Url.Content("~/Controller/Action") %>',
data: {},
success: function (response) {
$("#issueNoteListPlaceholder").html('').html(response);
}
});
}
$(文档).ready(函数(){
loadIssueNotes();
});
函数loadIssueNodes(){
$.ajax({
键入:“获取”,
数据类型:“html”,
url:“”,
数据:{},
成功:功能(响应){
$(“#issueNoteListPlaceholder”).html(“”).html(响应);
}
});
}
呵呵,伟人所见略同。:)仅供参考。$.get在大多数情况下都会执行此操作,除非需要更精细的控制。您甚至可以使用$(“#target”)。加载(“/home/getsomedata/”)也可以使用Razor代码加载PartialView数据吗?