如何调用控制器的功能与Ajax时，单击按钮MVC

Question

即时通讯新的MVC中，我有问题的按钮无法调用Ajax功能渲染控制器中的操作。

这种波纹管我的脚本按钮

<input type="submit" value="show" class="btn btn-success" name="submitButton" onclick="OnActionClick()" /> 

我阿贾克斯

function OnActionClick() { 
    alert("Error when update data"); 
    $.ajax({ 
      type: "GET", 
      url: "@Url.Content("~/Report/ViewReport")", 
      data: { 
       name:'try' 
      }, 
      success: function() { 
       alert("ok"); 
      }, 
      error: function() { 
       alert("Error when update data");      
      } 
     });   
} 

，在这里我的动作在控制器

public ActionResult ViewReport(string name) 
    { 
     Database db = new Database("Collections"); 
     List<report> data = new List<report>(); 
     data = db.Fetch<report>(@"select top 10 * from SampleTbl where name = @0",new object[]{name}); 
     return View(data); 
    } 

Answer 1

您需要使用Url.Action()而不是使用Url.Content()。

生成操作方法的标准URL。

url: '@Url.Action("ViewReport", "Report")', 

你应该type="button"

<input type="button" onclick="OnActionClick()" /> 

Answer 2

您应该使用@ Url.Action（），而不是@ Url.Content（）。 请参阅此两者之间的区别： MVC @Url.Content vs @Url.Action