0

我只想获取调用 ajax 请求的 html 元素的 id，所以我可以在控制器函数上使用这些数据。

这是视图：

   @model CmsSite.Models.SideBarData

@{
    ViewBag.Title = "Home Page";
}
@section featured {
    <section class="featured">
        <div class="content-wrapper">
            <hgroup class="title">
                <h1>@ViewBag.Title.</h1>
                <h2>@ViewBag.Message</h2>
            </hgroup>
        </div>
    </section>
}
<h3>We suggest the following:</h3>

<aside id="sidebar">
 @using (Html.BeginForm("ShowContent", "SideBar"))
 {  
         <input id="side_bar_manage_categoty" name="side_bar_manage_categoty" class="post-transaction" type="submit" value="Manage Categorys" />
         <input name="side_bar_manage_products" class="post-transaction" type="submit" value="Manage Products" />
         <input name="side_bar_manage_users" class="post-transaction" type="submit" value="Manage Users" />
         <input name="side_bar_Watch_sales" class="post-transaction" type="submit" value="Watch Sales" />
         <input name="side_bar_change_site_appearance" class="post-transaction" type="submit" value="Change Site Appearance" />
 }
        </aside>  
<div ><p class="content"></p></div>

  <script id="ajax-request-result" type="application/html-template">             
        <div class="content">{{request_result}}</div>
     </script>

@section Scripts {
    <script type="text/javascript">
        $(function () {
            $('.post-transaction').on("click", function () {

                var form = $(this).parent("form");

                $.ajax({
                    type: "POST",
                    url: form.attr('action'),
                    data: form.serialize()
                })
                    .success(function (data) {
                        var template = $("#ajax-request-result").clone().html();

                        var html =
                            template
                                    .replace("{{request_result}}", data.request_result);
                       $(".content").replaceWith(html);

                    })
                    .error(function () {
                        alert("Your bid has been rejected");
                    });

                return false;
            });
        });
    </script>
}

这是具有获取 ajax 请求的方法的控制器：

[HttpPost]
        public ActionResult ShowContent(string side_bar_manage_categoty)
        {

            string a = side_bar_manage_categoty;
            return Json(new
            {
                request_result = "Transaction Failed!"
            });
        }

在此处输入图像描述

4

1 回答 1

0

表单元素需要name属性。因此，如果您执行以下操作：

<input id="side_bar_manage_categoty" name="side_bar_manage_categoty" class="post-transaction" type="submit" value="Manage Categorys" />
<input id="side_bar_manage_products" name="side_bar_manage_products" class="post-transaction" type="submit" value="Manage Products" />

然后这些名称（id在这种情况下我只是从属性中复制的）将携带值到FormCollection服务器上。因此，如果您的操作如下所示：

public ActionResult ShowContent(FormCollection collection)

然后，您可以检查collection操作方法中的对象，以查看它是否具有页面上任何特定按钮的键/值。你甚至可以更进一步，使用 MVC 的表单绑定来创建强类型的操作方法参数：

public ActionResult ShowContent(string side_bar_manage_categoty, string side_bar_manage_products)

在这种情况下，如果您单击按钮side_bar_manage_productsthenstring将包含值"Manage Categorys"（因为这是 中的value属性input），而另一个字符串将是null. 如果单击另一个按钮，则相反。因此，您只需测试非空字符串（string.IsNullOrWhiteSpace()这是一种很好的测试方法），这将是被调用的按钮。

于 2013-03-01T13:03:42.687 回答