ajaxForm()方法和submitForm()方法的参数


ajaxForm()方法和submitForm()方法都能接受0个或1个参数。当为单个参数时,该参数可以是一个回调函数,也可以是一个options对象,传递option对象,使它们拥有更多控制权;
  (1)首先定义一个对象options,然后在里面设置参数,代码如下:
var options={
  target: ‘#output1‘,         //把服务器返回的内容放入id为output1的元素中
  beforeSubmit: showRequest,   //提交前的回调函数
  success: showResponse ,    //提交成功的回调函数
  url: url,          //默认form的"action",如果申明,会覆盖
  type:type,        //默认是form的method(‘get‘or‘post‘),如果申明,会覆盖
  dataType: null,     //‘xml‘,‘script‘,‘json‘(接收服务器返回的类型)
  clearForm: true,   //成功提交后,清除所有表单元素的值
  resetForm: true,   //成功提交后,重置所有表单元素的值
  timeout:3000    //请求限制的时间,当大于三分钟,跳出请求
};

  (2)定义完options对象之后,就把这个参数传给ajaForm()方法,代码如下:

  $("#myform").ajaxForm(options);

  或者,

  $("#myform").submit(function(){

    $(this).ajaxSubmit(options);

    return false;

  })

  (3)beforeSubmit——提交前的回调函数

  参数:formData为数组对象。在这里,使用$.param()方法把它转化为字符串,得到如下格式:name=lida&address=guanzhou

  jqFrom是个JQuery对象,它封装表单元素

  options就是options对象

  function(formData,jqFrom,options){

  var queryString=$.param(formData);

  return false;

  }

(4)success——提交后的回调函数

function showResponse(responseText,statusText,xhr,$form){

//responseText,statusTex比较常用;

//当dataType属性被设为xml时,把responseText改成responseXML;

}

案例

<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
<title>核心方法--ajaxForm()和ajaxSubmit()</title>
</head>
<body>
<form id="myForm" action="ajax.php" method="post">
名称: <input type="text" name="username"/></br>
地址: <input type="text" name="address"/></br>
自我介绍: <textarea name="comment"></textarea></br>
<input type="submit" value="提交" id="test" /></br>
<div id="output1"></div>
</form>
<script type="text/javascript" src="../scripts/jquery-1.3.1.js"></script>
<script type="text/javascript" src="../scripts/lib/jquery.form.js"></script>
<script type="text/javascript">
$(function(){
var options={
beforeSubmit: showRequest,   //提交前的回调函数
success: showResponse ,  //提交成功的回调函数
dataType: null,   //‘xml‘,‘script‘,‘json‘(接收服务器返回的类型)
timeout:3000   //请求限制的时间,当大于三分钟,跳出请求
};
//提交前的回调函数
function showRequest(formData,jqForm,options){
/*在这里需要对表单进行验证,如果不符合规则,
则返回false来阻止表单提交,直到符合规则为止
*/
var queryString=$.param(formData);
return true;
}
// 提交成功的回调函数
function showResponse(responseText,statusText,xhr,$form){
  alert("状态:"+statusText);
  $("#output1").append(responseText);
}
//方法1:
  // $("#myForm").ajaxForm(options);
//方法2:
  $(‘#myForm‘).submit(function() {
    $(this).ajaxSubmit(options);
      return false;  //禁止表单默认提交
    });
  })
</script>
</body>
</html>

时间: 2024-10-14 04:07:42

ajaxForm()方法和submitForm()方法的参数的相关文章

【学习笔记】【OC语言】set方法和get方法

1.set方法和get方法的使用场合@public的成员可以被随意赋值,应该使用set方法和get方法来管理成员的访问(类似机场的安检.水龙头过滤,过滤掉不合理的东西),比如僵尸的生命值不能为负数2.set方法作用:用来设置成员变量,可以在方法里面过滤掉一些不合理的值命名规范:方法都是以set开头,而且后面跟上成员变量名,成员变量名的首字母必须大写形参名称不要跟成员变量同名3.get方法作用:返回对象内部的成员变量命名规范:get方法的名称一般就跟成员变量同名4.成员变量的命名规范成员变量都以下

黑马程序员 02-set方法和get方法

———Java培训.Android培训.iOS培训..Net培训.期待与您交流! ——— 1.set方法与get方法的使用场合 @public的成员变量可以被外界随意赋值,往往会产生脏数据,应该使用set方法和get方法来管理成员的访问(类似安检.水龙头过滤,过滤掉不合理的对象),不如人的年龄不可能为负. 2.set方法 (1)作用:给外界提供一个公共的方法用来设置成员变量值,可以在方法里面过滤掉一些不合理的值: (2)命名规范: 1> 方法名必须以set开头 2> set后面跟上成员变量的名

彻底理解了call()方法,apply()方法和bind()方法

javascript中的每一个作用域中都有一个this对象,它代表的是调用函数的对象.在全局作用域中,this代表的是全局对象(在web浏览器中指的是window).如果包含this的函数是一个对象的方法,this指向的就是这个对象.因此在上面例子中就不用直接写对象的名字,而是使用this代替它,例如: var human = { name: '霍林林', sayName: function(){ console.log(this.name); } } human.sayName(); 下面这个

wait方法和sleep方法的区别

一.概念.原理.区别 Java中的多线程是一种抢占式的机制而不是分时机制.线程主要有以下几种状态:可运行,运行,阻塞,死亡.抢占式机制指的是有多个线程处于可运行状态,但是只有一个线程在运行. 当有多个线程访问共享数据的时候,就需要对线程进行同步.线程中的几个主要方法的比较: Thread类的方法:sleep(),yield()等 Object的方法:wait()和notify()等 每个对象都有一个机锁来控制同步访问.Synchronized关键字可以和对象的机锁交互,来实现线程的同步. 由于s

Javascript中call方法和apply方法用法和区别

第一次在博客园上面写博客,知识因为看书的时候发现了一些有意思的知识,顺便查了一下资料,就发到博客上来了,希望对大家有点帮助. 连续几天阅读<javascript高级程序设计>这本书了,逐渐发现了以前很多自己完全没有用过甚至见过的神奇知识点.今天在阅读到有关函数的属性和方法的时候,略感高级,于是乎,查阅了不少他人的博客,在此总结一下这两个方法的以下几个方面: 1.call()和apply()的作用和用法 2.什么时候用apply(),什么时候用call() 书上提到,每个函数都包含两个非继承而来

2016/05/23 thinkphp M方法和D方法的区别

M方法和D方法的区别 ThinkPHP 中M方法和D方法都用于实例化一个模型类,M方法 用于高效实例化一个基础模型类,而 D方法 用于实例化一个用户定义模型类. 使用M方法 如果是如下情况,请考虑使用 M方法: 对数据表进行简单的 CURD 操作而无复杂的业务逻辑时 只有个别的表有较为复杂的业务逻辑时,将 M方法 与实例化 CommonModel 类进行结合使用 M方法 甚至可以简单看着就是对参数表名对应的数据表的操作: $User = M('User'); 使用D方法 如果是如下情况,请考虑使

黑马程序员——OC语言Set方法和Get方法

@public的成员可以被随意赋值,应该使用set方法和get方法来管理成员的访问 一)set方法 1.作用: 提供一个方法给外界设置成员变量值,可以在方法里面对参数进行相应过滤 2.命名规范: 1> 方法名必须以set开头 2> set后面跟上成员变量的名称,成员变量的首字母必须大写 3> 返回值一定是void 4> 一定要接收一个参数,而且参数类型跟成员变量类型一致 5> 形参的名称不能跟成员变量名一样 二)get方法 get方法 1.作用:返回对象内部的成员变量 2.命

JavaScript中的apply()方法和call()方法使用介绍

javascript中apply和call方法的作用及区别说明 call和apply的说明 call,apply都属于Function.prototype的一个方法,它是JavaScript引擎内在实现的,因为属于Function.prototype,所以每个Function对象实例(就是每个方法)都有call,apply属性.既然作为方法的属性,那它们的使用就当然是针对方法的了,这两个方法是容易混淆的,因为它们的作用一样,只是使用方式不同. 语法:foo.call(this, arg1,arg

基础回顾:get方法和set方法(类的继承多态)

基础回顾:get方法和set方法 定义类成员变量时,可以在@interface中定义,也可以在@implementation中定义: 在@interface中声明,成员变量的状态是受保护的,即“@protected”: 在@implementation中声明,成员变量的状态是私有的,即“@private” 在类的外面,是无法直接访问成员变量的,只有将成员变量修改为@public时,才可以外部访问. 使用@public时,访问成员变量使用“->”,如: time->hour=25; 但使用@pu