asp.net mvc2 ajax 基本调用
1.ajax 表单提交
<script src="../../Scripts/MicrosoftAjax.js" type="text/javascript"></script>
<script src="../../Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>
view:
</div>
controller:
2.返回 partial view
view:
partial1.ascx:
controller:
添加JS:
<script src="../../Scripts/MicrosoftAjax.js" type="text/javascript"></script>
<script src="../../Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>
view:
<% Ajax.BeginForm("helloAjax",new AjaxOptions{ UpdateTargetId = "results"}); %>
<input type="text" name ="param1"/>
<input type="submit" value="submit" />
<% Html.EndForm(); %>
<div id="results">
</div>
controller:
public string HelloAjax(string param1)
{
return "server get : " + param1;
}
2.返回 partial view
view:
<% Ajax.BeginForm("StudentDetail",new AjaxOptions{ UpdateTargetId = "Div1"}); %>
<input type="text" name ="param1"/>
<input type="submit" value="submit" />
<% Html.EndForm(); %>
<div id="Div1">
</div>
partial1.ascx:
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<MvcApplication1.Models.Student>" %>
<fieldset>
<legend>Fields</legend>
<div class="display-label">stuNo</div>
<div class="display-field"><%: Model.stuNo %></div>
<div class="display-label">name</div>
<div class="display-field"><%: Model.name %></div>
<div class="display-label">classId</div>
<div class="display-field"><%: Model.classId %></div>
</fieldset>
controller:
public ActionResult StudentDetail(string param1)
{
Student s = new Student()
{
stuNo = "111",
name = "aaa",
classId = "123"
};
if (Request.IsAjaxRequest())
{
return View("partial1", s);
}
return View("index");
}
3.使用JQUERY调用action的例子参见: