ajaxForm和ajaxSubmit 粘贴就可用示例代码

海蓝蓝 2014-02-12

代码如下：

<!-- 
To change this template, choose Tools | Templates 
and open the template in the editor. 
--> 
<!DOCTYPE html> 
<html> 
<head> 
<title></title> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<script src="jquery-1.7.2.min.js"></script> 
<script src="jquery.form.js"></script> 
<script> 
//ajaxForm 
var optionss = { 
dataType:"text", 
type:'post', 
url: "chuli.php", 
beforeSubmit:showRequest, 
success:showResponse, 
clearForm:true 
}; 
$('#form1').ajaxForm(optionss); 
function showRequest() { } 
function showResponse(data){ 
alert(data); 
} 
</script> 
</head> 
<body> 
<form action="chuli.php" method="post" id="form1"> 
<input type="text" name="name" /> 
<input type="text" name="sex" /> 
<input type="submit" value="提交"/> 
</form> 
<hr /> 
<form action="chuli.php" method="post" id="form2"> 
<input type="text" name="name" /> 
<input type="text" name="sex" /> 
<input type="button" id="tijiao" value="提交"/> 
</form> 
</body> 
<script> 
//ajaxSubmit 
$("#tijiao").click(function(){ 
$("#form2").ajaxSubmit({ 
success:function(data){ 
alert(data); 
} 
}) 
}); 
</script> 
</html>

: 海蓝蓝

相关推荐

MvcPager ajaxForm 传参

网上关于webpager的介绍很多，对着做着做着，就发现有问题了，有的说要引用x.pagelist.mvc或 pagelist.mvc或mvcpager，但最后发现之后部分功能被实现了，要不就是分页可以了，带参数的查询参数不能传到后台。经过自己的一番摸索终

TONIYH 0喜欢 / 0评论 2020-02-20

Jquery.Form和jquery.validate 的使用

有些功能需要我们利用Ajax技术进行POST提交表单，这时候就需要用到jquery.Form ,它有两种方式进行提交，AjaxForm和AjaxSubmit方式。AjaxForm 方式必须先绑定表单，它一般在$.ready(function(){}里定义，

wuxhyou 0喜欢 / 0评论 2015-04-11

FormData，ajaxSubmit，ajaxForm上传图片兼容

<div class="upload-btn btn-old"><input type="file" name="file" accept="image/*"

adgjlxxx 0喜欢 / 0评论 2016-12-23

Jquery.form.js Ajax ajaxSubmit提交表单

ajaxForm()适用于以表单提交方式处理ajax技术它大大简化了使用ajax技术提交表单时的数据传递问题，使用ajaxForm()你不需要逐个的以 JavaScript的方式获取每个表单属性的值，并且也不需要在请求路径后面通过url重写的方式传递数据。

RanQi0 0喜欢 / 0评论 2016-04-21

FormData，ajaxSubmit，ajaxForm上传图片兼容

<div class="upload-btn btn-old"><input type="file" name="file" accept="image/*"

wcqwcq 0喜欢 / 0评论 2016-12-23

jQuery Form插件

});通过Form插件的两个核心方法，都可以在不修改表单的HTML代码结构的情况下，轻易地将表单的提交方式升级为Ajax提交方式ajaxForm() 和 ajaxSubmit() 都能接受0个或1个参数，当为单个参数时，该参数既可以是一个回调函数，也可以是

sunnyishere 0喜欢 / 0评论 2015-12-21

关于使用ajaxform插件数据成功返回却不执行success函数

但在新建任务界面提交的时候数据可以返回并执行success函数，在编辑任务界面提交，数据成功返回却什么都不执行。通过添加dataType: "json",后可成功执行success函数

mmywcoco 0喜欢 / 0评论 2015-11-23

ajaxform input file 上传文件为空

使用ajaxform 上传文件时当上传文件为空是 ajaxform会将input file作为普通的控件处理ileItem.isFormField()返回的true

dalong 0喜欢 / 0评论 2015-11-21

ajax form 插件ajaxForm form表单通过ajax上传

ajaxForm()配置完之后，并不是马上的提交，而是要等submit()事件，它只是一个准备。target: '#output1', // target element to be updated with server respons

shumark 0喜欢 / 0评论 2015-11-19

Jquery.Form和jquery.validate 的使用

有些功能需要我们利用Ajax技术进行POST提交表单，这时候就需要用到jquery.Form ,它有两种方式进行提交，AjaxForm和AjaxSubmit方式。AjaxForm 方式必须先绑定表单，它一般在$.ready(function(){}里定义，

liyifan 0喜欢 / 0评论 2015-04-11

jQuery提交表单

jQuery Form Plugin (一) ：使用AJAX提交Form表单在jQuery Form插件可以让你很容易的使用AJAX提交Form表单，主要方法ajaxForm和ajaxSubmit负责收集表单元素的信息,管理提交进程。这两种方法都是可配置

roodyszz0 0喜欢 / 0评论 2014-03-06

jQuery.form.js使用ajaxForm提交表单,IE浏览器提示保存文件

response.setContentType("text/html;charset=UTF-8"); http://stackoverflow.com/questions/6114360/stupid-ie-prompts-to-o

lpch0 0喜欢 / 0评论 2013-01-05

formvalidator 验证插件中ajax验证的方法

$.formValidator().inputValidator;很遗憾，单这样是达不到AJAXFORM提交并同时用formvalidator校验的效果的。如果要同时使用formvalidator和ajax提交一起的话，首先看到的是formvalidtor

longshengguoji 0喜欢 / 0评论 2012-12-26

form插件ajaxForm和ajaxSubmit方法传递对象参数说明

form插件的ajaxForm和ajaxSubmit方法的Options对象还可以用来将值传递给jQuery的$.ajax方法。如果你熟悉$.ajax所支持的options，你可以利用它们来将Options对象传递给ajaxForm和ajaxSubmit.

欧阳凯少 0喜欢 / 0评论 2012-11-16

form插件

增加所有需要的事件监听器，为AJAX提交表单做好准备。在document的ready函数中，使用ajaxForm来为AJAX提交表单进行准备。ajaxForm接受0个或1个参数。这个单个的参数既可以是一个回调函数，也可以是一个Options对象。大多数情况

hugebait 0喜欢 / 0评论 2012-11-14

BG-UI,一个可以快速上手的后台UI框架

此项目为后台UI框架，并根据url中的hash提供简单的路由功能，页面的数据渲染依然交给服务器端。兼容IE8+及其它主流浏览器。github地址演示地址。┠ajaxForm.js //所有ajax提交都由ajaxForm.js进行包装。index.htm

清闲居 0喜欢 / 0评论 2019-06-20

ajax提交现有表单

jQuery的Form插件有两种方法，ajaxForm和ajaxSubmit方法。通过ajaxForm很容易就可以把表单升级为ajax提交方式。用Submit同样也能完成这样的操作。

lpch0 0喜欢 / 0评论 2012-05-29

Jquery表单插件ajaxForm用法详解

表单插件API提供了几个方法，让你轻松管理表单数据和进行表单提交。增加所有需要的事件监听器，为AJAX提交表单做好准备。在document的ready函数中，使用ajaxForm来为AJAX提交表单进行准备。ajaxForm接受0个或1个参数。这个单个的参

sunnyishere 0喜欢 / 0评论 2012-05-29

JQuery-Form中的AjaxForm和AjaxSubmit的区别

ajaxForm不能提交表单。在document的ready函数中，使用ajaxForm来为AJAX提交表单进行准备。提交动作必须由submit开始。target: '#output1', // target element to be

WillZhang 0喜欢 / 0评论 2011-10-24

jquery ajaxform上传文件返回不提示信息的问题

在使用jquery的ajaxform插件进行ajax提交表单并且上传文件的时候，返回类型datatype :json但是后台通过写出一个json对象后，在执行完以后没有进入success函数，而是直接弹出一个下载窗口，将json串当下载来处理了。后来发现解

lpch0 0喜欢 / 0评论 2011-10-14

JQuery读书笔记--JQuery-Form中的AjaxForm和AjaxSubmit的区别

ajaxForm不能提交表单。在document的ready函数中，使用ajaxForm来为AJAX提交表单进行准备。提交动作必须由submit开始

zhuchengzzcc 0喜欢 / 0评论 2011-09-08

JQuery.form.js插件的简单使用

我也不知道为什么，难道是因我里面的数据太多了？总之我的表单没有序列化的功能！所以我就选用了人家的小插件。ajaxForm增加所有需要的事件监听器，为ajax提交表单做准备。resetForm将表单恢复到初始状态。clearFields清除字段元素。targ

chongxiaocheng 0喜欢 / 0评论 2018-10-14

详解javascript表单的Ajax提交插件的使用

form.js 插件有两个核心方法：ajaxForm()和ajaxSubmit()，它们集合了从控制表单元素到决定如何管理提交进行的功能。　　alert('提交成功！});使用ajaxForm()方法，会直接实现ajax 提交。自动阻止了默认行为，而它提交

ppsurcao 0喜欢 / 0评论 2016-12-29

springMVC结合AjaxForm上传文件

最近在项目中需要上传文件文件，之前一直都是form提交的，尝试了一下AjaxForm，感觉还比较好用，写篇随笔mark下，供以后使用。</bean>这个是必须的，否则不好用。

CaiCai0 0喜欢 / 0评论 2016-07-12

jQuery Form插件使用详解_动力节点Java学院整理

jQueryForm插件是一个优秀的Ajax表单插件，可以非常容易地、无侵入地升级HTML表单以支持Ajax。jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit()，它们集合了从控制表单元素到决定如何管理提交进程的

bobobola 0喜欢 / 0评论 2017-07-17

jQuery表单插件ajaxForm实例详解

前端时间写项目用到了ajaxForm这个插件，可以用它提交表单和上传图片，听起来和正常的form表单提交没什么区别，只不过是ajax提交，无需刷新页面，如此可以增加用户体验度。

年轻正好 0喜欢 / 0评论 2017-01-17

基于jQuery通过jQuery.form.js插件使用ajax提交form表单

我们在提交表单的时候，如果没有使用ajax提交，页面都会自己刷新一下，显得非常的不友好，所以我们需要把我们的表单提交修改为ajax的模式，可以让用户清楚地知道他们在提交表单的时候处在哪一个阶段：正在提交？增加所有需要的事件监听器，为AJAX提交表单做好准备

urbunt 0喜欢 / 0评论 2015-08-17

jQuery ajaxForm()的应用

jQuery Form插件是一个优秀的Ajax表单插件，可以非常容易地、无侵入地升级HTML表单以支持Ajax。提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程。本文就是介绍了ajaxForm()的应用.ajaxForm预处理将要使用 A

bobobola 0喜欢 / 0评论 2016-10-14

jQuery中的AjaxSubmit使用讲解

最近在使用ajaxForm，随便把使用方法记下下来，以便以后回顾。//注意$ 引号中名称必须要和form元素id值要保持一致3 ajaxSubmit 和ajaxForm区别。ajaxForm不能提交表单。在document的ready函数中，使用ajaxF

DeadRabbit0 0喜欢 / 0评论 2016-09-25

浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用

ajaxForm()不能提交表单。在document的ready函数中，使用ajaxForm来为AJAX提交表单进行准备。提交动作必须由submit开始。ajaxForm()会自动收集当前表单中每个属性的值，然后将其以表单提交的方式提交到目标url。这种方

WildestDeram 0喜欢 / 0评论 2019-04-26

TinyMCE提交AjaxForm获取不到数据的解决方法

本文实例分析了TinyMCE提交AjaxForm获取不到数据的解决方法。分享给大家供大家参考。在没有使用AjaxForm前，我做的一个小小的评论提交的Web form，评论内容使用了TinyMCE做文本编辑。为了增加一点点的用户体验，就顺手拿AjaxFor

terabits的钵壳 0喜欢 / 0评论 2015-03-05

jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象

Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程。可选参数项对象只是一个简单的 JavaScript对象，里边包含了一些属性和一些值:. 用server端返回的内容更换指定的页面元素的内容。这个值可以用j

年轻正好 0喜欢 / 0评论 2016-01-23

jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)

本文实例讲述了jQuery插件之jQuery.Form.js用法。分享给大家供大家参考，具体如下：。即将所有表单中的字段恢复到页面加载时的默认值。})也就是说ajaxFrom()会自动阻止表单提交。alert("表单提交已成功!});注意:aja

bobobola 0喜欢 / 0评论 2016-01-04

PHP+AjaxForm异步带进度条上传文件实例代码

在使用ajaxForm方法之前，首先需要安装form.js的插件,网上有；　　　　　　 restForm:true,　　　　　　 //提交成功后是否重置表单中的字段值，即恢复到页面加载时的状态。添加一个带有百分比表示的宽度的 style 属性，例如 sty

的砖栏 0喜欢 / 0评论 2019-04-17

Jquery.Form 异步提交表单的简单实例

一个普通的表单，不需要任何特殊的标记：。</form>在没有Jquery.Form组件的时候，提交表单，页面会进入阻塞模式，等待服务器端的响应。//options是一个ajaxForm的配置对象。?//resetForm: true // re

DeadRabbit0 0喜欢 / 0评论 2014-03-03

PHP AjaxForm提交图片上传并显示图片源码

本文实例为大家分享了PHP AjaxForm提交图片上传并显示图片的具体代码，供大家参考，具体内容如下。$data['msg'] = "文件上传成功!$data['msg'] = "文件上传失败，文件大小".$file_siz

齐天 0喜欢 / 0评论 2016-11-29

Jquery提交表单 Form.js官方插件介绍

先说说常用的Form插件，支持Ajax，支持Ajax文件上传，功能强大，基本满足日常应用。ajaxForm 增加所有需要的事件监听器，为AJAX提交表单做好准备。大多数情况下，都是调用ajaxSubmit来对用户提交表单进行响应。fieldSerializ

blogfromzkp 0喜欢 / 0评论 2012-03-01

jquery-form 中文API

表单插件API提供了几个方法，让你轻松管理表单数据和进行表单提交。增加所有需要的事件监听器，为AJAX提交表单做好准备。在document的ready函数中，使用ajaxForm来为AJAX提交表单进行准备。ajaxForm接受0个或1个参数。这个单个的参

读立写生 0喜欢 / 0评论 2018-05-12

AJAXCALL

下载 V 0.1.6 |语法：AJAXCALL; 将回调的数据交给handleResponse处理。getElementsByClass 获取一个节点下的所有CLASS为指定名称的节点的数组,。获取新闻列表 | 登录 | 提交信息 | 读取JSON |

Javascript 0喜欢 / 0评论 2017-02-17