javascript - 部分View的JQuery中无法通过ViewBag发送参数。

Question

我正在使用 razor 语法开发 MVC3 应用程序。我正在研究评论功能的部分类。

我的代码是:

<script src="../../Scripts/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#AddCommentButton').click(function () {
            $.ajax({
                type: 'post',
                url: '/Comment/SaveComments',
                dataType: 'json',
                data:
                { 

                'comments': $('#Comment').val(), @ViewBag.EType, @ViewBag.EId
                 },

                   success: function (data) {

                    $("p.p12").append

                   $('.ShowComments').text('Hide Comments');

                }
            });
        });
    });
</script>

我试图在上面的 jQuery 中使用 ViewBag 将参数从 View 发送到 Controller ，但它不起作用。我怎样才能做到这一点？

Answer 1

尝试这样:

<script src="@Url.Content("~/Scripts/jquery.js")" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#AddCommentButton').click(function () {
            $.ajax({
                type: 'post',
                url: '@Url.Action("SaveComments", "Comment")',
                data: { 
                    comments: $('#Comment').val(), 
                    etype: @Html.Raw(Json.Encode(ViewBag.EType)), 
                    eid: @Html.Raw(Json.Encode(ViewBag.EId))
                },
                success: function (data) {
                    $("p.p12").append(data);
                    $('.ShowComments').text('Hide Comments');
                }
            });
        });
    });
</script>

以及您的 Controller 操作:

[HttpPost]
public ActionResult SaveComments(string comments, string etype, string eid)
{
    ...
}

或定义 View 模型:

public class SaveCommentViewModel
{
    public string Comments { get; set; }
    public string EType { get; set; }
    public string EId { get; set; }
}

然后:

[HttpPost]
public ActionResult SaveComments(SaveCommentViewModel model)
{
    ...
}