php排斥ajaxsubmit函数,jQuery中的ajaxSubmit详解

刚刚学习中，使用到了ajaxSubmit，犹豫以前没有接触㢧这个，所以刚开始是一脸懵逼状态，最后通过查找资料的方式，解决了这个问题这个很兴奋，做到了页面的无刷新上传图片，送给看我博客园的朋友一句话：“山高人为峰，努力定成功!”

下面我对ajaxSubmit做一下总结：

1.jQuery引入进去；

2.网上下载jQuery Form插件；这里对form插件做一下介绍，因为刚开始做前端的人不一定能懂，jQuery Form插件是一个优秀的Ajax表单插件，可以非常容易地、无侵入地升级HTML表单以支持Ajax。

jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit()，它们集合了从控制表单元素到决定如何管理提交进程的功能。

另外，插件还包括其他的一些方法：

formToArray()、formSerialize()、fieldSerialize()、fieldValue()、clearForm()、clearFields() 和 resetForm()等。

核心方法：ajaxForm() 和 ajaxSubmit()

3.首先说用法，ajaxForm和ajaxSubmit都可以接收0或1个参数，该参数可以是一个变量、一个对象或回调函数，这个对象主要有以下参数：var object= {

url:url,　　　　　　//form提交数据的地址

type:type,　　　 //form提交的方式(method:post/get)

target:target,　　//服务器返回的响应数据显示的元素(Id)号

beforeSerialize:function(){} //序列化提交数据之前的回调函数

beforeSubmit:function(){},　　//提交前执行的回调函数

success:function(){},　　　　 //提交成功后执行的回调函数

error:function(){}, //提交失败执行的函数

dataType:null,　　　　　　　//服务器返回数据类型

clearForm:true,　　　　　　 //提交成功后是否清空表单中的字段值

restForm:true,　　　　　　 //提交成功后是否重置表单中的字段值，即恢复到页面加载时的状态

timeout:6000 　　　　　　 //设置请求时间，超过该时间后，自动退出请求，单位(毫秒)。

}

权限信息展示

//这里引入

$(function () {

//绑定异步上传图片

bindUpLoad();

});

//绑定异步上传图片

function bindUpLoad() {

alert("aaaaa");

$("#btnUpLoadFile").click(function () {

alert("bbbbb");

$("#AddDiglogp form").ajaxSubmit({

url: '/ActionInfo/UploadImg',

type: "Post",

success: function (data) {

alert("ccccc");

//将返回的数据加载到隐藏域

$("#IconImg").val(data);

$("#ShowImgp").html("");

}

});

}

HTML代码是这样的：

@using (Ajax.BeginForm("AddActionInfo", "ActionInfo", new AjaxOptions() { OnSuccess = "afterAdd" }))

{

权限名：
Url：
Http方法类型：	GET POST
是否是菜单：
菜单图片地址：
排序：
备注：

}

最终要完成的项目是这样的：

最终我成功的实现了异步无刷新上传图片的功能！

php排斥ajaxsubmit函数,jQuery中的ajaxSubmit详解相关推荐

Java程序员从笨鸟到菜鸟之（八十九）跟我学jquery（五）jquery中的ajax详解
Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个开发人员的而有所差异.jQuery提供了一系列Ajax函数 ...
jQuery中的Deferred详解和使用
首先,为什么要使用Deferred? 先来看一段AJAX的代码: var data;$.get('api/data', function(resp) {data = resp.data;});doSo ...
python resample函数_Pandas中resample方法详解
Pandas中的resample,重新采样,是对原样本重新处理的一个方法,是一个对常规时间序列数据重新采样和频率转换的便捷的方法. 方法的格式是: DataFrame.resample(rule, h ...
jQuery中deferred对象详解
最近看看构建工具gulp,当看到promise时突然有点陌生,于是乎意外找到了大牛阮一峰的一篇文章,写的非常的通俗易懂,对延迟对象进行了很好的讲解,虽然写的比较早但是道理都一样. 以下为主要内容: 一 ...
linux子线程运行的函数_Linux中线程使用详解
4. 线程的属性前面还说到过线程创建的时候是有属性的,这个属性由一个线程属性对象来描述.线程属性对象由pthread_attr_init()接口初始化,并由pthread_attr_destory( ...
php call()函数,PHP中__call()方法详解
前面给大家介绍了<__construct(),类的构造函数><__destruct(),类的析构函数>,下面继续给大家介绍PHP中__call()方法. __call(),在对 ...
oracle中的index函数,Oracle中的索引详解(整理)
一. ROWID的概念存储了row在数据文件中的具体位置:64位编码的数据,A-Z, a-z, 0-9, +, 和 /, row在数据块中的存储方式 SELECT ROWID, last_name ...
python unicode函数_python 中的unicode详解
通过例子来看问题是比较容易懂的. 首先来看,下面这个是我新建的一个txt文件,名字叫做ivan_utf8.txt,然后里面随便编辑了一些东西. 然后来用控制台打开这个文件,同样也是截图: 这里就是简单 ...
java中flush函数作用_Java语言中flush()函数作用及使用方法详解
最近在学习io流,发现每次都会出现flush()函数,查了一下其作用,起作用主要如下 //------–flush()的作用--------– 笼统且错误的回答: 缓冲区中的数据保存直到缓冲区满后才写 ...
站长在线Python精讲：在Python中函数的定义与创建详解
欢迎你来到站长在线的站长学堂学习Python知识,本文学习的是<在Python中函数的定义与创建详解>.本文的主要内容有:函数的定义.函数的定义规则.函数的创建. 目录 1.函数的定义 2 ...

php排斥ajaxsubmit函数,jQuery中的ajaxSubmit详解

php排斥ajaxsubmit函数,jQuery中的ajaxSubmit详解相关推荐

最新文章

热门文章