MVC2與MVC3的Ajax無刷新提交

咱們就以獲取當前系統時間來作一個無刷新提交

首先呢看一下下面的【MVC2】文件夾建立過程

1

在控制器裏面寫一個方法，鼠標放在方法上面右擊添加視圖。

2

在控制器裏面寫一個方法，獲取當前時間

public ActionResult AjaxGetDate()
{
return Content(DateTime.Now.ToString());
}

在aspx裏面寫先導入兩個重要文件夾

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

來獲取時間

<%using(Ajax.BeginForm("AjaxGetDate",new AjaxOptions{Confirm="肯定要獲取時間",HttpMethod="post",UpdateTargetId="dv1",InsertionModeInsertionMode=InsertionMode.Replace})){%><input type="submit" value="獲取時間"/><%}%>
<div id="dv1">這是顯示時間的地方</div>

MVC3的建立過程

1

2.這是就先建立一個空的  在下面必定得選擇這個Razor哦

3.建立視圖

在MVC3裏面建立一個頁面很乾淨的就只一個@{ ViewBag.Title="XXXXXX"}

導入兩個文件很重要的哦

<script src="../../Scripts/jquery-ui-1.8.11.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.unobtrusive-ajax.js" type="text/javascript"></script>

這是mvc3裏面的表單元素

<form data-ajax-comfirm="肯定要提交嗎?",data-ajax-method="post",data-ajax="true",data-ajax-update="#dv1",action="/AjaxDate/AjaxMvc3GetDate">
<input type="submit" value="獲取時間"/>
</form>
<div id="dv1"></div>