zoukankan      html  css  js  c++  java
  • Jquery 中 ajaxSubmit使用讲解(转)

    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来提交表单。你可以在任何情况下进行该项提交。 

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

  • 相关阅读:
    ABAP 动态生成内表的几种方法
    abap 动态生成alv列
    abap 二分法检索
    选择屏幕abap , pararmeters,USER-COMMAND
    摘录 abap 数学函数
    abap SY-
    解决flex布局的space-evenly兼容性问题
    es6来实现封装、继承学习
    关于vue.js禁用浏览器返回问题以及路由的一些简单使用
    vue-cli 3.x搭建项目
  • 原文地址:https://www.cnblogs.com/wodo2008/p/5682478.html
Copyright © 2011-2022 走看看