在ASP.NET MVC中通过jQuery提交表单时传递参数

我试图通过jQuery Ajax将表单提交给我的控制器。下面的代码大部分工作，但是，ThreadId参数不被传递。如果我直接调用控制器而不使用jQuery，它会被传递，但是当使用jQuery时，我在form.serialize（）后面看不到ThreadId。将参数（如ThreadId）传递给jQuery form post最简单的方法是什么？在ASP.NET MVC中通过jQuery提交表单时传递参数

ASPX

<% Html.BeginForm("AddComment", "Home", new { ThreadId = Model.Id }, 
    FormMethod.Post, new { @id = "AddComment" + Model.Id.ToString(), 
    @onsubmit = "javascript:AddComment(this);return false" }); %> 
<%: Html.TextBox("CommentText", "", new { @class = "comment-textbox" })%> 
<input id="Comment" type="submit" name="submitButton" value="Post Comment" /> 
<% Html.EndForm(); %>

的JavaScript

AddComment = function (sender) { 
    var form = $(sender); 
    var data = form.serialize(); 
    $.ajax({ 
     type: "POST", 
     url: "/Home/AddComment", 
     data: data, 
     dataType: "html", 
     success: function (response) { 
      alert(response); 
     }, 
     error: function (error) { 
      alert(error); 
     } 
    }); 
    return false; 
};

CONTROLLER

[HttpPost] 
     public ActionResult AddComment(string submitButton, Comment comment) 
     { 
      comment.CreatedDate = DateTime.Now; 
      comment.PosterId = LoggedInUser.Id; 

      _repository.AddComment(comment); 
      _repository.Save(); 

      if (Request.IsAjaxRequest()) 
      { 
       return View("Comment", comment); 
      } 
      else 
       return RedirectToAction("Index"); 
     }

来源

2010-10-23 Prabhu

的ThreadId参数包含在表单的action属性。当您将此表单打印出来时，您将张贴到/Home/AddComment，并且不再提供此参数。你可以做到以下几点，以ajaxify它：

$('#idofyourform').submit(function() { 
    $.ajax({ 
     // use the method as defined in the <form method="POST" ... 
     type: this.method, 

     // use the action as defined in <form action="/Home/AddComment?ThreadId=123" 
     url: this.action, 

     data: $(this).serialize(), 
     dataType: 'html', 
     success: function (response) { 
      alert(response); 
     }, 
     error: function (error) { 
      alert(error); 
     } 
    }); 
    return false; 
});

另一种可能性是，如果把它在action属性，包括形式为隐藏领域内ThreadId参数来代替。

来源

2010-10-23 19:16:56

谢谢！你的对，该行动确实有正确的网址。但是，出于某种原因，而不是我的AddComment方法被调用，我的索引方法被调用。仍试图找出原因。 – Prabhu 2010-10-23 21:08:36

没关系，我在做form.action，当它应该是sender.action。谢谢你的帮助。 – Prabhu 2010-10-23 21:24:45

顺便说一句，我有2个按钮的形式，当我这样做没有jQuery我用输入按钮名称属性找出哪个按钮发送请求在控制器端。任何想法如何我可以用jQuery做到这一点？ – Prabhu 2010-10-23 21:26:13

在ASP.NET MVC中通过jQuery提交表单时传递参数

回答

相关问题