zoukankan      html  css  js  c++  java
  • ajaxSubmit 实现 form 表单提交回调

      form 表单的 submit 是不能进行异步提交以及执行回调函数的,我们可以通过 jquery 的 form 组件实现这一点。

      引入依赖:jquery.js,jquery.form.js

      拿到我们表单的 jquery 对象 $(?)

      构造 option:

    var options = {
        type: 'POST',
        url: url,
        success: 执行成功的回调函数对象,
        dataType: 'json',
        error: function (xhr, status, err) {
            alert("操作失败");
        }
    };

       执行 $(?).ajaxSubmit(options); 即可进行表单提交,但需要注意的是,为防止表单提交多次,应在 ajaxSubmit 方法后 return false;

      options 的主要参数有:

    var options = {    
           target:         '#output1',    // 要用服务器响应更新的目标元素     
           beforeSubmit:showRequest,   // 提交前回调     
           success:showResponse,   // 提交后回调    
           // 其他可用选项:     
           url:url,          // 覆盖表格的'action'属性     
           type:type,         // 'get'或'post',覆盖表格的'method'属性     
           dataType:   null// 'xml', 'script'或'json'(期望的服务器响应类型)     
           clearForm:true// 成功提交后清除所有表单字段     
           resetForm:true// 成功提交后重置表单    
           // $ .ajax选项也可以在这里使用,例如:     
           timeout:3000     
       };



  • 相关阅读:
    新院址运行统计
    游标使用之四
    游标使用之三
    css基础知识
    javascript基础知识
    [每日一题2020.06.20]BFS
    白嫖一个免费域名并解析到博客园
    [每日一题2020.06.19]leetcode #84 #121 单调栈
    操作系统---文件管理
    [每日一题2020.06.18]leetcode #3 hash_map实现滑动窗口
  • 原文地址:https://www.cnblogs.com/niuyourou/p/12616388.html
Copyright © 2011-2022 走看看