加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

jQuery ajax应用总结

发布时间:2020-12-15 23:26:39 所属栏目:百科 来源:网络整理
导读:一、jQuery中Ajax的调用(需要引用jQuery代码库)。 方法1: 代码如下: 方法2: 代码如下: 方法3: 代码如下: 二、jQuery.Form plugin Ajax(需要引用jQuery代码库和jQuery.Form插件) 基于Form表单的Ajax调用 1.ajaxForm ,这个方法在调用时不是马上提交,只

一、jQuery中Ajax的调用(需要引用jQuery代码库)。

方法1:

代码如下:

方法2:

代码如下:

方法3:

代码如下:

二、jQuery.Form plugin Ajax(需要引用jQuery代码库和jQuery.Form插件)

基于Form表单的Ajax调用

1.ajaxForm

,这个方法在调用时不是马上提交,只是说明调用的Form要以ajax方式提交,该方法一般在$(document).ready方法里设置。

2.ajaxSubmit

,这个方法在调用时就会马上提交。

代码如下:

三、Ajax在MVC中的使用

以上两种方法都可以用, 另外我们可以MicrosoftAjax,这就必须引用MicrosoftAjax.js,MicorsoftMvcAjax.js这两个文件

1.Ajax.BeginForm

代码如下:
<%} %>

2.Ajax.ActionLink

<%=Ajax.ActionLink("LinkName","action",new AjaxOptions { LoadingElementId = "loadingdiv", UpdateTargetId = "ajaxdiv", HttpMethod = "POST" });%>

四、jquery.form与jquery.validate结合使用

前端代码

AjaxFrom

<%using (Html.BeginForm("Login","Home",FormMethod.Post,new { id = "loginForm" })) { %>

后端Action

// you code
return PartialView("Success");
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!