asp.net mvc ajax 例子

来源：互联网发布：淘宝助理5.6.0.0 编辑：程序博客网时间：2024/04/27 20:20

一、建立一个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" })%>

运行结果如下：

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