如何更新在Razor视图中的JavaScript模型值？(How do I update a mod

我想更新在JavaScript模型值如下，但它无法正常工作。

function updatePostID(val)
{
    @Model.addcomment.PostID = val;
}

在Razor视图，如下所示

foreach(var post in Model.Post)
{
    <br/>
    <b>Posted by :</b> @post.Username <br/>
    <span>@post.Content</span> <br/>
    if(Model.loginuser == Model.username)
    {
        @Html.TextAreaFor(model => model.addcomment.Content)
        <button type="submit" onclick="updatePostID('@post.PostID');">Add Comment </button>
    }
}

谁能告诉我如何在JavaScript中分配模型的价值？

Answer 1:

这应该工作

function updatePostID(val)
{
    document.getElementById('PostID').value = val;

    //and probably call document.forms[0].submit();
}

然后有一个隐藏字段或其他控制的PostID

@Html.Hidden("PostID", Model.addcomment.PostID)
//OR
@Html.HiddenFor(model => model.addcomment.PostID)

Answer 2:

该模型（ @Model ）仅在正在建设中的页面存在。 一旦该页面在浏览器中呈现，所有存在是HTML，JavaScript和CSS。

什么，你会想要做的就是把在帖子ID隐藏字段。 当值帖子ID是固定的，实际上是没有必要的JavaScript。 一个简单的@HtmlHiddenFor就足够了。

不过，你会想你的改变foreach循环for循环 。 最终的解决方案将是这个样子：

for (int i = 0 ; i < Model.Post; i++)
{
    <br/>
    <b>Posted by :</b> @Model.Post[i].Username <br/>
    <span>@Model.Post[i].Content</span> <br/>
    if(Model.loginuser == Model.username)
    {
        @Html.HiddenFor(model => model.Post[i].PostID)
        @Html.TextAreaFor(model => model.addcomment.Content)
        <button type="submit">Add Comment</button>
    }
}

Answer 3:

你可以使用jQuery和Ajax调用张贴特定的更新回用javascript服务器。

这将是这个样子：

function updatePostID(val, comment)
{

    var args = {};
    args.PostID = val;
    args.Comment = comment;

    $.ajax({
     type: "POST",
     url: controllerActionMethodUrlHere,
     contentType: "application/json; charset=utf-8",
     data: args,
     dataType: "json",
     success: function(msg) 
     {
        // Something afterwards here

     }
    });

}

文章来源: How do I update a model value in JavaScript in a Razor view?