asp.net mvc ajax 例子

一、建立一个mvc项目。

 二、在Controllers文件夹中加入一个新的控制器ajaxController。代码如下：

    using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using System.Web.Mvc.Ajax; namespace ajaxMvcApplication.Controllers { public class ajaxController : Controller { // // GET: /ajax/ public ActionResult Index() { return Content ("这是一个Ajax成功的测试例子"); } } }   

 

三、修改view下的home下的index.aspx文件，加入一个ajax链接，代码如下：

   <%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %> <asp:Content ID="indexTitle" ContentPlaceHolderID="TitleContent" runat="server"> Home Page </asp:Content> <asp:Content ID="indexContent" ContentPlaceHolderID="MainContent" runat="server"> <mce:script src="../../Scripts/MicrosoftAjax.js" mce_src="Scripts/MicrosoftAjax.js" type="text/javascript"></mce:script> <mce:script src="../../Scripts/MicrosoftMvcAjax.js" mce_src="Scripts/MicrosoftMvcAjax.js" type="text/javascript"></mce:script> <h2><%= Html.Encode(ViewData["Message"]) %></h2> <p> To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" mce_href="http://asp.net/mvc" title="ASP.NET MVC Website">http://asp.net/mvc</a>. </p> <div id ="message"> <p> <%= Ajax.ActionLink("ajax测试", "Index", "ajax", new AjaxOptions { UpdateTargetId = "message" })%> </p></div> </asp:Content>

 

四、运行程序

  

单击ajax测试

  当然实际项目中肯定是要传参数的，如果我们要传入一个字符串。修改如下：

   1.将ajaxController类中的方法index声明修改如下：

      public ActionResult Index(string parastr)

        {

            return Content ("这是一个Ajax成功的测试例子,传入参数为："+parastr );

        }

   2.调用时要传入参数，修改调用代码如下：

       <%= Ajax.ActionLink("ajax测试", "Index", "ajax", new { parastr="teststr" }, new AjaxOptions { UpdateTargetId = "message" })%>

运行结果如下：