Jquery 中 ajaxSubmit使用讲解

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

1 ，引入依赖脚本

<script type="text/javascript" src="/js/jquery/jquery.form.js"></script> //ajaxForm 依赖脚本

2 使用方法

<form name="testForm" id="testForm" >

<input type="button" value="submit"/>

</form>

<script type="text/javascript">

var ajax_option={

url:"login",//默认是form action

success:function(data){

}

$('#testForm').ajaxSubmit(ajax_option);

}

</script>

//注意$("#testForm") 引号中名称必须要和form元素id值要保持一致

3 ajaxSubmit 和ajaxForm区别

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

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

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
   };

Jquery 中 ajaxSubmit使用讲解相关推荐

Jquery 中 ajaxSubmit 、ajaxForm使用讲解
最近在使用ajaxForm,随便把使用方法记下下来,以便以后回顾. 1 ,引入依赖脚本 <script type="text/JavaScript" src="/j ...
js中的window.onload和jquery中的load区别的讲解
JavaScript 中的以下代码 [javascript] view plaincopyprint? Window.onload = function (){ // 编写代码 } Wind ...
大白话讲解Promise（三）搞懂jquery中的Promise
前两篇我们讲了ES6中的Promise以及Promise/A+规范,在Promise的知识体系中,jquery当然是必不可少的一环,所以本篇就来讲讲jquery中的Promise,也就是我们所知道的D ...
关于JQuery中的ajax请求或者post请求的回调方法中的操作执行或者变量修改没反映的问题...
前段时间做一个项目,而项目中所有的请求都要用jquery 中的ajax请求或者post请求,但是开始处理一些简单操作还好,但是自己写了一些验证就出现问题了,比如表单提交的时候,要验证帐号的唯一性,所以 ...
jQuery中的常用内容总结(一)
jQuery中的常用内容总结(一) 前言不好意思(✿◠‿◠),由于回家看病以及处理一些其它事情耽搁了,不然这篇博客本该上上周或者上周写的:同时闲谈几句:在这里建议各位开发的童鞋,如果有疾病尽快治 ...
jQuery框架学习第二天：jQuery中万能的选择器
jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQu ...
jQuery中FormData的使用
web中数据提交事件是常常发生的,但是大多数情况下我们不希望使用html中的form表单提交,因为form表单提交会中断当前浏览器的操作并且会调到另一个地址(即使这个地址是当前页面),并且会重复加载一 ...
Jquery中bind和live的区别
Jquery中bind和live的区别 Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind(" ...
Java程序员从笨鸟到菜鸟之（八十九）跟我学jquery（五）jquery中的ajax详解
Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个开发人员的而有所差异.jQuery提供了一系列Ajax函数 ...

Jquery 中 ajaxSubmit使用讲解

Jquery 中 ajaxSubmit使用讲解相关推荐

最新文章

热门文章