相关文章推荐

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

1 ,引入依赖脚本

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

<script type="text/javascript" src="/js/jquery/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="/js/jquery/jquery.easyui.min.js"></script>

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

最近在使用ajaxForm,随便把使用方法记下下来,以便以后回顾。1 ,引入依赖脚本   //ajaxForm 依赖脚本2 使用方法var ajax_option={url:"login",//默认是form actionsuccess:function(data){}$('#testForm').ajaxSubmit(aja
1、为什么 使用 :通过 ajax Submit ()方式可以在不刷新页面的情况下异步提交表单 1、前提:除了引入必要的 jquery .js外还要引入js/ jquery .form.js 2、 使用 实例: <script type="text/javascript" src="js/ jquery -1.10.2.min.js"></script> <script type="text/javascript" src="js/ jquery .form.js"></scri
jquery .form.js的 ajax Submit ajax Form 使用 (用于多文件上传以及其他参数的混合提交) ajax Submit ajax Form区别 ajax Form ajax Form()不能提交表单。在document的ready函数 使用 ajax Form来为 AJAX 提交表单进行准备。提交动作必须由 submit 开始 ajax Form()适用于以表单提交方式处理 ajax 技术(需...
这篇文章主要介绍了 jQuery 使用 ajax Submit ()提交表单示例, 使用 延第三方插件 jquery .form实现,需要的朋友可以参考下:准备工作: ajax Submit (obj)方法是 jQuery 的一个插件 jquery .form.js里面的方法,所以 使用 此方法需要先引入这个插件。如下所示: <!-- jquery 需要引入的文件--> <script src="https:// ajax .aspn
jQuery 表单插件 ajax Form和 ajax Submit 都是用来实现表单提交的,其 ajax Form适用于所有的表单,而 ajax Submit 只适用于表单 的input、select等元素,不能包含文件上传域。 ajax Form的 使用 方法: 1.引入 jQuery 库和 jquery .form.js插件文件 <script type="text/javascript" src=" jquery .min.js"></script> <script type="text/javascript" src=" jquery .form.js"></script> 2. 使用 ajax Form函数提交表单 $(document).ready(function() { $('#form1'). ajax Form(function(data) { alert(data); 其 ,#form1是表单的ID,data是服务器端返回的数据。 ajax Submit 使用 方法: 1.引入 jQuery 库和 jquery .form.js插件文件 <script type="text/javascript" src=" jquery .min.js"></script> <script type="text/javascript" src=" jquery .form.js"></script> 2. 使用 ajax Submit 函数提交表单 $(document).ready(function() { $('#form1'). submit (function() { $(this). ajax Submit ({ success: function(data) { alert(data); return false; 其 ,#form1是表单的ID,data是服务器端返回的数据。 ajax Submit 还可以通过其他参数来设置表单提交的相关信息,如: $(document).ready(function() { $('#form1'). submit (function() { $(this). ajax Submit ({ type: 'post', // 提交方式,get或post,默认为get url: ' submit .php', // 提交的URL地址 data: { // 提交的数据,键值对形式 username: 'admin', password: '123456' dataType: 'json', // 服务器返回的数据类型,text、xml、json等 success: function(data) { // 提交成功后的回调函数 alert(data); return false; 以上就是 ajax Form和 ajax Submit 的详细 使用 方法。
 
推荐文章