活动公告当前位置:鸿宇娱乐 > 活动公告 > >

jQuery中的AjaxSubmit使用讲解

  

[jquery,ajaxsubmit,jquery中的ajaxsubmit,ajaxsubmit,使用]jQuery中的AjaxSubmit使用讲解

  

最近在使用ajaxForm,随便把使用方法记下下来,以便以后回顾。

  

  

1 ,引入依赖脚本  

  
  
  //ajaxForm 依赖脚本  
  
  

2 使用方法  

  
  
  
    
  var ajax_option={  url:"login",//默认是form action  success:function(data){  }  $('#testForm').ajaxSubmit(ajax_option);  }  //注意$("#testForm") 引号中名称必须要和form元素id值要保持一致
  
  

3 ajaxSubmit 和ajaxForm区别  

  

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

  

ajaxSubmit 马上由AJAX来提交表单。你可以在任何情况下进行该项提交。

  

  

4 option的参数  

  
  
  var options = {  target: '#output1', // target element(s) to be updated with server response  beforeSubmit: showRequest, // pre-submit callback  success: showResponse // post-submit callback  // other available options:  //url: url // override for form's 'action' attribute  //type: type // 'get' or 'post', override for form's 'method' attribute  //dataType: null // 'xml', 'script', 鸿宇娱乐 or 'json' (expected server response type)  //clearForm: true // clear all form fields after successful submit  //resetForm: true // reset the form after successful submit  // $.ajax options can be used here too, for example:  //timeout: 3000  };
  
  

  

(责任编辑:admin)

上一篇:Jquery幻灯片特效代码分享--打开页面随机选择切换

下一篇:window.returnValue使用方法示例介绍

推荐内容

客户服务热线

010-400-12345

在线客服