[英]Partial View is not reloading using Jquery in MVC3
我在MVC3中创建了一个应用程序,我想在单击按钮时重新加载部分视图,但是部分视图没有更新。
ActionResult方法
public ActionResult CommentForPost(int postId)
{
var PostComments = _commentsRepository.GetCommentsByPostID(postId).Select(u => new CommentsViewModel()
{
CommentUserFullName = u.CommentUserFullName,
CommenterEmailId = u.CommenterEmailId,
CommenterSite = u.CommenterSite,
}).ToList();
return PartialView("PostedComments",PostComments);
}
主视图内的局部视图
<div id="dvPostedComment">
@Html.Partial("PostedComments", Model.Post)
</div>
jQuery的
var postId = $("#hdnPostId").val();
var d = "postId=" + postId;
$.ajax({
type: "POST",
url: "/Comments/CommentForPost",
data: d,
success: function (r) {
$('#dvPostedComment').html(data);
},
complete: function () {
alert('hello2');
},
error: function (req, status, error) {
alert('helll3');
}
});
它总是在错误部分。
任何人都可以帮助我。
请尝试这样。 我创建了一个小示例,它完全可以实现您希望在代码中实现的功能。 您可以通过两种方式执行此操作-使用$ .ajax()或使用$ .load()。 $ .load()方法可以实现所需的功能。
_InnerPartial.cshtml
@model int
@{
<h1>This is a partial view</h1>
<h3>Your passed value=@Model</h3>
}
控制器方式
[HttpPost]
public PartialViewResult CallPartial(int value)
{
return PartialView("_InnerPartial", value);
}
Index.cshtml
@{
ViewBag.Title = "Index";
}
<h2>Index</h2>
<div id="divPartial"></div>
<script>
$(document).ready(function () {
AsyncAjaxCallback();
//AsyncCallback();
});
function AsyncCallback() {
var ctrl = $("#divPartial");
var url = "/Example/CallPartial";
if (url && url.length > 0) {
ctrl.load(url, { value: 45 });
}
}
function AsyncAjaxCallback() {
$.ajax({
type:"POST",
url: "/Example/CallPartial",
data: { value: 78 },
success:function(result)
{
debugger;
$("#divPartial").html(result);
}
});
}
</script>
有关更多详细信息,请参见此链接。 http://dotnet-concept.com/Article/2014/8/15/How-to-load-partial-from-jquery-in-MVC
希望这可以帮到你。
您正在尝试在部分视图div中加载“数据”,但“数据”不存在。 如前所述,ajax调用的结果是r。
所以尝试使用
success: function (r) {
$('#dvPostedComment').html(r);
},
如果您使用的是$ .get,请使用以下代码:
$.get(url,
{ "postId": PostId},
function (data) { $('#dvPostedComment').html(data);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.