一、jQuery中Ajax的調(diào)用(需要引用jQuery代碼庫)。
方法1:
方法2:
方法3:
二、jQuery.Form plugin Ajax(需要引用jQuery代碼庫和jQuery.Form插件)
基于Form表單的Ajax調(diào)用
1.ajaxForm, 這個(gè)方法在調(diào)用時(shí)不是馬上提交,只是說明調(diào)用的Form要以ajax方式提交,該方法一般在$(document).ready方法里設(shè)置。
2.ajaxSubmit,這個(gè)方法在調(diào)用時(shí)就會(huì)馬上提交。
三、Ajax在MVC中的使用
以上兩種方法都可以用,
另外我們可以MicrosoftAjax,這就必須引用MicrosoftAjax.js, MicorsoftMvcAjax.js這兩個(gè)文件
1.Ajax.BeginForm
2.Ajax.ActionLink
<%=Ajax.ActionLink("LinkName","action", "controll", new AjaxOptions
{
LoadingElementId = "loadingdiv",
UpdateTargetId = "ajaxdiv",
HttpMethod = "POST"
});%>
<div id="ajaxdiv">
</div>
<div id="loadingdiv">
</div>
四、jquery.form與jquery.validate結(jié)合使用
前端代碼
<script type="text/javascript" language="javascript" src="http://www.survivalescaperooms.com/Scripts/jquery-1.4.1.min.js"></script><script type="text/javascript" language="javascript" src="http://www.survivalescaperooms.com/Scripts/jquery.validate.min.js"></script><script type="text/javascript" language="javascript" src="http://www.survivalescaperooms.com/Scripts/jquery.form.js"></script><h2> AjaxFrom</h2><div id="output1" style="color: Red;"></div><%using (Html.BeginForm("Login", "Home", FormMethod.Post, new { id = "loginForm" })) { %><table border="0" cellpadding="0" cellspacing="0"> <tr> <td> <%=Html.TextBox("UserEmail", "", new { @class="name required"})%> </td> </tr> <tr> <td> <%=Html.Password("Password", "", new { @class = "required" })%> </td> </tr> <tr> <td> <input type="submit" value="submit" /> </td> </tr></table><%} %><script language="javascript" type="text/javascript"> $(document).ready(function () { var opts = { submitHandler: function (form) { var submitOpts = { target: '#output1', success: function () { alert('Thanks for your comment!'); } }; $(form).ajaxSubmit(submitOpts); } }; jQuery("#loginForm").validate(opts); }); </script>
后端Action
public PartialViewResult Login(string UserEmail, string Password){ // you code return PartialView("Success");}
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答