ajaxForm和ajaxSubmit

1、AjaxForm :

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

$(document).ready(function(){

})
  2、ajaxSubmit :
马上由AJAX来提交表单。你可以在任何情况下进行该项提交。 
options={

target:指明页面中由服务器响应进行更新的元素。元素的值可能被指定为一个jQuery选择器字符串,一个jQuery对象,或者一个DOM元素。 默认值:null。
    url:指定提交表单数据的URL。默认值:表单的action属性值

type:指定提交表单数据的方法(method):“GET”或“POST”。默认值:表单的method属性值(如果没有找到默认为“GET”)。
   dataType:期望返回的数据类型。null、“xml”、“script”或者“json”其中之一。dataType提供一种方法,它规定了怎样处理服务器的响应。这个被直接地反映到jQuery.httpData方法中去。下面的值被支持:

'xml':如果dataType == 'xml',将把服务器响应作为XML来对待。同时,如果“success”回调方法被指定, 将传回responseXML值。

'json':如果dataType == 'json', 服务器响应将被求值,并传递到“success”回调方法,如果它被指定的话。

'script':如果dataType == 'script', 服务器响应将求值成纯文本。
默认值:null(服务器返回responseText值) 
    beforeSubmit:表单提交前被调用的回调函数。“beforeSubmit”回调函数作为一个钩子(hook),被提供来运行预提交逻辑或者校验表单数据。如果 “beforeSubmit”回调函数返回false,那么表单将不被提交。“beforeSubmit”回调函数带三个调用参数:数组形式的表单数据, jQuery表单对象,以及传入ajaxForm/ajaxSubmit中的Options对象。表单数组接受以下方式的数据:

[ { name: 'username', value: 'jresig' }, { name: 'password', value: 'secret' } ]

success:表单成功提交后调用的回调函数。如果提供“success”回调函数,当从服务器返回响应后它被调用。然后由dataType选项值决定传回responseText还是responseXML的值。默认值:null

semantic 
Boolean flag indicating whether data must be submitted in strict semantic order (slower). Note that the normal form serialization is done in semantic order with the exception of input elements of type="image". You should only set the semantic option to true if your server has strict semantic requirements and your form contains an input element of type="image".
布 尔标志,表示数据是否必须严格按照语义顺序(slower?)来进行提交。注意:一般来说,表单已经按照语义顺序来进行了串行化(或序列化),除了 type="image"的input元素。如果你的服务器有严格的语义要求,以及表单中包含有一个type="image"的input元素,就应该将 semantic设置为true。(译注:这一段由于无法理解,翻译出来可能语不达意,但请达人指正。)
默认值:false 
resetForm 
布尔标志,表示如果表单提交成功是否进行重置。
Default value: null 
clearForm 
布尔标志,表示如果表单提交成功是否清除表单数据。
默认值:null 
实例:
// 准备好Options对象
var options = {
    target:     '#divToUpdate',
    url:        'comment.php',
    success: function() {
      alert('Thanks for your comment!');
    } };

// 将options传给ajaxForm
$('#myForm').ajaxForm(options);
    error: errortext 
  }; 
  $("#form1").ajaxForm(options);   
};

,原来使用ajaxForm,必须以html格式返回json数据. 也就是 response.setContentType("text/html; charset=utf-8");

var options  = {
           url:'<%=ctxPath%>/product/deletePortfolio.do?action=delete&portfolioID='+id,
           type:'post',
           success:function(data){
                     if(data.indexOf("失败") != -1) {
                      alert(data);
                     }else{
                      window.location="<%=ctxPath%>/product/portfolio.do?action=delete";
                     }
           }
      };
  form.ajaxSubmit(options);

ajaxForm和ajaxSubmit相关推荐

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

    JQuery中的AjaxForm和AjaxSubmit使用差不多功能也差不多.很容易误解. 按照作者的解释: AjaxForm ajaxForm不能提交表单.在document的ready函数中,使用 ...

  2. ajaxForm() 和 ajaxSubmit() 的用法与区别

    一.Query.form.js 介绍 Query.form.js 是一个 form 插件,可以实现表单提交并在当前页面中处理返回值,即 html 中提交表单并实现不跳转页面处理返回值. 二.下载地址 ...

  3. 关于form表单提交ajaxForm和ajaxSubmit的用法与区别

    原博客地址:最天才 ajaxForm和ajaxSubmit两种方法都是实现form的ajax提交的方法,在使用这两种方法之前,首先需要安装form.js的插件,自己网上一搜就有. <script ...

  4. jQuery form插件之ajaxForm()和ajaxSubmit()

    代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> < ...

  5. jquery-form插件的ajaxForm和ajaxSubmit的用法与区别

    原文地址:https://www.cnblogs.com/fire-dragon/p/6708718.html 在使用这两种方法之前,首先需要安装form.js的插件,下载就不放了,网上一搜就有: & ...

  6. jQuery form插件的使用--ajaxForm()和ajaxSubmit()的可选参数项对象

    jQuery Form简介 jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax. jQuery Form有两个核心方法 – ajaxForm ...

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

    原文:http://www.jb51.net/article/78536.htm Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署 ...

  8. ajaxForm 与ajaxSubmit

    ajaxSubmit 和ajaxForm区别 ajaxForm  ajaxForm()不能提交表单.在document的ready函数中,使用ajaxForm来为AJAX提交表单进行准备.提交动作必须 ...

  9. jq ajaxForm和ajaxSubmit 两者的区别

    他们都是实现表单ajax提交的方法 区别如下: ajaxForm: 如果没有ajaxForm监听表单时会直接提交到PHP 然后可以打印数据,但是如果我们如果加入 $('#addunion').ajax ...

最新文章

  1. Ajax的优缺点以及异步和同步的区别
  2. java 三个参数的运算符,java – 三个参数运算符:局部变量可能尚未初始化
  3. 揭秘全球首次互联网8K直播背后的技术实现
  4. mdadm,用命令做RAID
  5. [原创软件]体验组批量加分工具
  6. fx5u mc协议_SLMP协议和MC协议
  7. Android基础教程(四)之------获取手机联系人信息
  8. iris鸢尾花数据集java_鸢尾花数据集(Iris)
  9. 软件测试周刊(第31期):所有的伟大 都源于一个勇敢的开始
  10. windows消息钩子研究资料整理
  11. 数据挖掘 文本分类(二)搜集中文语料库与ICTCLAS分词
  12. 计算机机房门尺寸,门的宽度是多少
  13. MATLAB:Radon正变换的理解
  14. 《黑客大曝光:移动应用安全揭秘及防护措施》一2.1 基础移动网络功能
  15. json和pickle的数据序列化
  16. 温故而知新(一)Halcon 画线,虚线,圆,矩形
  17. Android按钮滚动条,Android自定义Seekbar滑动条,Pop提示跟随滑动按钮一起滑动
  18. 2020美赛C题解题思路(A Wealth of Data)
  19. Authorware与flash按钮的结合使用
  20. 实现你的kalman

热门文章

  1. Arduino与Proteus仿真实例-温控风扇仿真
  2. mac配置域名映射关系
  3. Web服务器推送信息SSE/WebSocket
  4. firebase推送_Firebase Web推送通知
  5. 苹果全系产品信息查询
  6. 冬天已经过去,春天马上来临,让我用代码再给你下最后一场雪
  7. ubuntu 创建定时任务
  8. 公网中的Winbox
  9. Android (仿支付宝) 收益进度条
  10. Firefox在线安装Firebug插件