从ASP.NET MVC中单击按钮调用操作方法

Question

我想知道是否可以在单击按钮时调用控制器中的方法。

我有一个叫做home的视图，当视图加载时，它调用控制器中的Index动作方法。我有一个名为LoadData的Button（HTML或ASP.NET）。当我点击按钮时，我需要在同一个视图中加载一些数据，称为Home。

我如何做到这一点？

Answer 1

的按钮，它涉及JQuery的或JavaScript来拨打电话，以获得从数据服务器，如果你想以AJAX的形式做到这一点。但最简单的形式是：

<% Html.BeginForm("Action", "Controller"); %> 

<!--Form values in here--> 

<input type="submit" /> 

<% Html.EndForm(); %> 

将调用您的操作方法并调用回发。 System.Web.Mvc.Ajax中有一个AJAX选项，可以使用带有AJAX选项的AjaxForm进行回发异步，并且它很容易设置。我倾向于亲自使用JQuery。

HTH。

Answer 2

要做到这一点使用一个简单的职位，你只需要张贴到控制器方法存在的URL。

例如，按照您的Global.asax标准的路线设置“{控制器}/{行动}/{ID}”

如果您有名为“LoadData”，那么你的HomeController类中的控制器方法“d访问它的URL：

/主页/ LoadData

这是你进入你的形式action属性的URL。

您也可以使用AJAX请求点击此URL，以便将数据加载到您正在使用的同一页面而无需任何回发。

使用jQuery，你可以这样做：

$('#myForm').submit(function() { 
        $.post(
          this.action,{params}, 
          function(data){ // do something with return info } 
        } 

Answer 3

定义两个动作一个用于显示空视图和一个用于与列表填充视图：

public ViewResult Empty() 
    { 
     var products = productsRepository.Products.Where(x => x.ProductID == -1); 
     return View(); 
    } 

和：

public ViewResult ListAll() 
    { 
     var products = productsRepository.Products; 
     return View("Empty", products); 
    } 

并在您的视图中Empty.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<IEnumerable<DomainModel.Entities.Product>>" %> 

空

<h2>Empty</h2> 

<table> 
    <tr> 
     <th></th> 
     <th> 
      ProductID 
     </th> 
     <th> 
      Name 
     </th> 
     <th> 
      Description 
     </th> 
     <th> 
      Price 
     </th> 
     <th> 
      Category 
     </th> 
     <th> 
      ImageMimeType 
     </th> 
     <th> 
      Error 
     </th> 
    </tr> 

<% if (Model != null) 
    { 
     foreach (var item in Model) 
     { %> 

    <tr> 
     <td> 
      <%= Html.ActionLink("Edit", "Edit", new { id = item.ProductID })%> | 
      <%= Html.ActionLink("Details", "Details", new { id = item.ProductID })%> 
     </td> 
     <td> 
      <%= Html.Encode(item.ProductID)%> 
     </td> 
     <td> 
      <%= Html.Encode(item.Name)%> 
     </td> 
     <td> 
      <%= Html.Encode(item.Description)%> 
     </td> 
     <td> 
      <%= Html.Encode(String.Format("{0:F}", item.Price))%> 
     </td> 
     <td> 
      <%= Html.Encode(item.Category)%> 
     </td> 
     <td> 
      <%= Html.Encode(item.ImageMimeType)%> 
     </td> 
     <td> 
      <%= Html.Encode(item.Error)%> 
     </td> 
    </tr> 

<% } 
    }%> 

</table> 

<p> 
    <%= Html.ActionLink("List Products", "ListAll")%> 

</p> 

希望这有助于

Answer 4

你必须编写你的控制器如下。

public class HomeController : Controller 
{ 

    public ActionResult Index() 
    { 
     return View(); 
    } 

    [AcceptVerbs(HttpVerbs.Post)] 
    public ActionResult FetchData() 
    { 
     return Content("Some data..."); 
    } 

} 

然后按如下所示调用所需的操作。

<% using (Ajax.BeginForm("FetchData", new AjaxOptions() { UpdateTargetId = "ContentPlaceHolder", HttpMethod = "Post" })) 
    { %> 
<div id="ContentPlaceHolder"></div> 
<input type="submit" value="Fetch Data" /> 
<% } %> 

<script src="../../Scripts/MicrosoftAjax.js" type="text/javascript"></script> 
<script src="../../Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>