asp.net mvc ajax 例子

大家好，又见面了，我是你们的朋友全栈君。

 一、建立一个mvc项目。

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

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

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

   <%@ Page Language=”C#” MasterPageFile=”~/Views/Shared/Site.Master” Inherits=”System.Web.Mvc.ViewPage” %><br /><asp:Content ID=”indexTitle” ContentPlaceHolderID=”TitleContent” runat=”server”><br /> Home Page<br /></asp:Content><br /><asp:Content ID=”indexContent” ContentPlaceHolderID=”MainContent” runat=”server”></p> <p> <mce:script src=”../../Scripts/MicrosoftAjax.js” mce_src=”Scripts/MicrosoftAjax.js” type=”text/javascript”></mce:script><br /> <mce:script src=”../../Scripts/MicrosoftMvcAjax.js” mce_src=”Scripts/MicrosoftMvcAjax.js” type=”text/javascript”></mce:script><br /> <h2><%= Html.Encode(ViewData[“Message”]) %></h2><br /> <p><br /> 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>.<br /> </p></p> <p> <div id =”message”><br /> <p></p> <p> <%= Ajax.ActionLink(“ajax测试”, “Index”, “ajax”, new AjaxOptions { UpdateTargetId = “message” })%></p> <p> </p></div><br /></asp:Content><br /> 

四、运行程序

单击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” })%>

运行结果如下：

源代码下载：http://download.csdn.net/source/1727983