0

如何在 ajax 不显眼的表单提交上将 Id 从 javascript 传递到 mvc3 中的控制器操作

我的剧本

   <script type="text/javascript">
    $(document).ready(function () {
        $("#tblclick td[id]").each(function (i, elem) {

            $(elem).click(function (e) {
                var ID = this.id;
                alert(ID);
               // var url = '@Url.Action("Listpage2", "Home")'; 
                var data = { Id: ID };
//                  $.post(url,data, function (result) {
//                 }); 
                e.preventDefault();
                $('form#myAjaxForm').submit();
            });
                       });
    });
</script>

如何使用 $('form#myAjaxForm').submit(); 传递 Id 到控制器而不是 

$.post(url,data, function (result) {
    //                 });

我的观点

 @using (Ajax.BeginForm("Listpage2", "", new AjaxOptions
            {
                UpdateTargetId = "showpage"
            }, new { @id = "myAjaxForm" }))
            {

                <table id="tblclick">
                    @for (int i = 0; i < Model.names.Count; i++)
                    {
                        <tr>
                            <td id='@Model.names[i].Id'>
                                @Html.LabelFor(model => model.names[i].Name, Model.names[i].Name, new { @id = Model.names[i].Id })
                              <br />
                            </td>
                        </tr>
                    }
                </table>

            }
        </td>
        <td id="showpage">
        </td>
4

3 回答 3

1

我不确定 $.post 但我知道 window.location 对我很有用。改用这个，希望你有好的结果:)

window.location = "@(Url.Action("Listpage2", "Home"))" + "Id=" + ID;

替换 $('form#myAjaxForm').submit(); 使用此代码，您的 jscript 看起来没有明显错误。

于 2012-08-27T14:15:01.323 回答
1

我会避免使用 AjaxBeginform辅助方法并像这样做一些纯手写和干净的javascript

<table id="tblclick">
  @foreach(var name in Model.names)
  {
    <tr>
     <td id="@name.Id">
           @Html.ActionLink(name.Name,"listpage","yourControllerName", 
                         new { @id = name.Id },new { @class="ajaxShow"})         
     </td>
    </tr>
   }
</table>

<script>
 $(function(){
    $(".ajaxShow")click(function(e){
       e.preventDefault();
       $("#showpage").load($(this).attr("href")); 
    });
 });
</script>

这将在你的每个循环中生成锚标记的标记，就像这样。

<a href="/yourControllerName/listpage/12" class="ajaxShow" >John</a>
<a href="/yourControllerName/listpage/35" class="ajaxShow" >Mark</a>

当用户点击链接时，它使用 jQueryload函数将来自 thae action 方法的响应加载listpage到 id 的 div 中showPage。

假设你的listpageaction 方法接受一个 id 参数并返回一些东西

于 2012-08-27T14:20:37.190 回答
0

只需使用带有 html 属性 ID 的文本框助手。

@Html.TextBox("ID")

你也可以这样做：

 var form = $('form#myAjaxForm');
 $.ajax({
       type: "post",
       async: false,
       url: form.attr("action"),
       data: form.serialize(),
       success: function (data) {
          // do something if successful
          }
 });
于 2012-08-27T14:09:40.387 回答