Use JQuery to implement asynchronous form submission and file upload functions

The example in this article describes the JQuery asynchronous form submission and file upload functions. Share it with everyone for your reference, the details are as follows: UaHHTML5 Chinese Learning Network - HTML5 Pioneer Learning Network

Jquery.form.js is a plug-in that can submit forms and upload files asynchronously. UaHHTML5 Chinese Learning Network - HTML5 Pioneer Learning Network

Examples are as follows: UaHHTML5 Chinese Learning Network - HTML5 Pioneer Learning Network

index.htmlUaHHTML5 Chinese Learning Network-HTML5 Pioneer Learning Network

 
   
   
   
   
  < script type = "text/javascript"language = "javascript" > 
  $(function() { //异步提交表单    
    $("#ajaxSubmit").on("click",function(){      
      console.log($(this));      
        $("#formToUpdate").ajaxSubmit({     
             type:'post',          
             url:'p.php',          
             success:function(data){            
             console.log(data);          },          
             error:function(XmlHttpRequest,textStatus,errorThrown){          
               console.log(XmlHttpRequest);            
               console.log(textStatus);            
               console.log(errorThrown);     
                    }    
                   });   
                      }); 
                         });  
                         
  
 
  
 
   
   
 
   
   
 
   
  
 
 

p.phpUaHHTML5 Chinese Learning Network-HTML5 Pioneer Learning Network

';
print_r($_POST);
echo '

'; echo '

';
print_r($_FILES);
echo '

';

Rendering ：UaHHTML5 Chinese Learning Network-HTML5 Pioneer Learning Network

UaHHTML5 Chinese Learning Network-HTML5 Pioneer Learning Network

The above is the detailed content of Use JQuery to implement asynchronous form submission and file upload functions. For more information, please follow other related articles on the PHP Chinese website!