Re-render razor partial view returned from AJAX call

Martin Shishkov Published at Dev

Martin Shishkov

I have the following javascript:

            $.ajax({
                type: "POST",
                url: url,
                data: $(form).serialize(),
                success: function (res) {
                    commentsField.append(res);
                }
            });

this ajax call is receiving a partial view from the controller successfully. The problem is that there is razor syntax in the received partial view which renders correctly on page refresh. Is there a way to re-render only this new chunk of cshtml code without refreshing the whole page?

UPDATE:

This is my view, it is a DisplayTemplate for a comment model:

@model CommentModel

<div class="comment">
@Model.Body &#8212; <span class="buttonlink">@Model.AuthorUsername</span>; @Model.PostDate.ToString("F", CultureInfo.CreateSpecificCulture("bg-BG"))
    @if (ViewBag.UserId != null && ViewBag.UserId.Equals(Model.AuthorId))
    {
        <a class="comment-delete-btn" href="javascript:{}" data-parentid="@Model.ParentId" data-id="@Model.Id"><span class="fa fa-times-circle pull-right"></span></a>
    }
</div>

And my issue is that the html inside the if statement is not showing right after retrieval - I have to refresh the page in order to render the <a> tag.

MRebati

I think your ViewBag.UserId was not set in your PatialView. It's null then the If statement does not execute. that causes the problem.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at2021-02-20

Comments

0 comments

From Dev

mvc4 Razor Ajax Call to show partial view

From Dev

Render a partial everytime on ajax call

From Dev

Not able to refresh the partial view after a form submission from another partial view within it, using ajax in mvc razor

From Dev

Related Related

Article