点击打开:

jquery选择器全解

jquery中的style样式操作

jquery中的DOM操作

jquery中的事件操作全解

jquery中的动画操作全解

jquery中ajax的应用

自定义jquery插件

jQuery form插件

jQuery form插件使用详解:

//ajaxForm和ajaxSubmit函数最多接受一个参数,参数为回调函数或提交选项对象
var options={
    target:"#output1",                                         //服务器返回内容放在id为output1的元素中
    beforeSubmit:showRequest,                                    //提交前回调函数,用于提交前的表单验证
    sucess:showResponse,                                         //提交后的回调函数
    url:'test.jsp',                                            //默认为form的action,申明则覆盖
    type:"post",                                                //默认为form的method
    dataType:json,                                              //接收服务器返回的类型  xml script  json
    clearForm:true,                                             //成功提交后清空所有表单元素的值
    resetForm:true,                                             //成功提交后,重置所有表单元素的值
    timeout:3000                                                 //超时时间
};
function showRequest(formData,jqForm,options){                  //formData数组对象[{name:name1,value:value1},{name:name2,value:value2}],jqForm封装了表单元素的jquery对象,
    for(var key_value in formData){
        printf(key_value.name+key_value.value);
    }
    var form = jqForm[0];                                       //jquery对象转化为DOM对象,
    if(form.name1.value=="")                                    //form表单中的元素name属性可以直接访问元素,在访问元素value属性
        return false;                                           //返回false则不能正常提交
    var queryString = $.param(formData);                        //$.param()方法,序列化数组或映射
    return true;                                                //主要不返回false,表单都将允许被提交
}
function  showResponse(responseText,statusText,xhr,$form){
    statusText;                                                 //返回状态 sucess或error
    responseText;                                               //服务器返回内容,会根据options中的dataType来返回相应的内容。
                                                                //默认下为XMLHttpRequest对象的responseText,xml时返回的是XMLHttpRequest对象的responseXML,json时返回的是json数据对象
}
$("#myform").ajaxForm(function(){                               //或者为.ajaxForm(options)
});

$("#myform").submit(function(){
    $(this).ajaxSubmit(function(){                              //或者为.ajaxSubmit(options)
    });
    return false;                                               //阻止表单默认提交
});

最新文章

  1. and 与 && or 与 || 的差异之处
  2. jquery ajax 提交信息后等待返回的提示信息
  3. linux命令:ln
  4. MVC路由约束
  5. extjs的调试方法
  6. 学习面试题Day07
  7. Qt下如何修改文件的时间(全平台修改)
  8. oracle_sequence用法
  9. Spring学习(1)----入门学习(附spring-framework下载地址)
  10. php&&页面静态化
  11. Python杂记
  12. 一种简单有效的VBA源代码加密办法,支持64位宿主,适用于大部分VBA代码加密
  13. 关于java.lang.ClassCastException: [Ljava.lang.Object; cannot be cast to 实体类
  14. spring boot 中统一异常处理
  15. 028、HTML 标签1列表、图片、表格
  16. win10启动移动热点解决办法
  17. 根据HTML5 获取当前位置的经纬度【百度地图】【高德地图】
  18. jdbc框架有很多,包括spring jdbc
  19. Open DJ备份与恢复方案
  20. 【LeetCode】117. Populating Next Right Pointers in Each Node II (2 solutions)

热门文章

  1. Django1.10主题指南—模型
  2. Mac系统实现git命令自动补全
  3. tkinter第一章
  4. 【★】KMP算法完整教程
  5. linux命令每日一练:find与rm实现查找并删除目录或文件
  6. 如何将RDS的数据同步到本地自建数据库
  7. 团队作业10--事后分析(Beta版本)
  8. 【Alpha阶段】第六次scrum meeting
  9. Swing-JTable检测单元格数据变更事件
  10. 201521123109《java程序设计》第二周学习总结