zoukankan      html  css  js  c++  java
  • form submit 的callback方法

    参考:http://hayageek.com/jquery-ajax-form-submit/

    form的submit方法返回数据处理。

    普通的form:

     1 $("#ajaxform").submit(function(e)
     2 {
     3     var postData = $(this).serializeArray(); //或使用jQuery.serialize()获取表单数据
     4     var formURL = $(this).attr("action");
     5     $.ajax(
     6     {
     7         url : formURL,
     8         type: "POST",
     9         data : postData,
    10         success:function(data, textStatus, jqXHR) 
    11         {
    12             //data: return data from server
    13         },
    14         error: function(jqXHR, textStatus, errorThrown) 
    15         {
    16             //if fails      
    17         }
    18     });
    19     e.preventDefault(); //STOP default action
    20     e.unbind(); //unbind. to stop multiple form submit.
    21 });
    22  
    23 $("#ajaxform").submit(); //Submit  the FORM

    带文件的form:

    这里用到html5的FormData。不支持html5的浏览器用不了。通过jquery的ajax方法提交。

     1             $("#post_form").submit(function(e)
     2                     {
     3                         var formObj = $(this);
     4                         var formURL = formObj.attr("action");
     5                         var formData = new FormData(this);
     6                         $.ajax({
     7                             url: formURL,
     8                             type: 'POST',
     9                             data:  formData,
    10                             mimeType:"multipart/form-data",
    11                             contentType: false,
    12                             cache: false,
    13                             processData:false,
    14                             success: function(data, textStatus, jqXHR)
    15                             {
    16 
    22
                      },
    23 error: function(jqXHR, textStatus, errorThrown) 24 { 25
                      }
    27 }); 28 e.preventDefault(); //Prevent Default action. 29 e.unbind(); //to stop multiple form submit. 30 }); 31 $("#post_form").submit(); //Submit the form,
  • 相关阅读:
    Summarizing NUMA Scheduling两篇文章,解释得不错
    VCAP5-DCA – What’s new?
    NUMA总结。
    NUMA and vNUMA
    NUMA
    vsphere 5.1 性能最佳实践。
    vsphere性能
    mysql的事务,隔离级别和锁
    mysql5.7 生成列 generated column
    mysql8 公用表表达式CTE的使用
  • 原文地址:https://www.cnblogs.com/aeiou/p/5577011.html
Copyright © 2011-2022 走看看