使用JQuery实现表单的异步提交与文件上传功能

林译川

2026-11-11 • 👁 0人浏览过

本文实例讲述了 jquery 异步提交表单与文件上传功能。分享给大家供大家参考，具体如下： uahhtml5中文学习网 - html5先行者学习网 Jquery.form.js是一个可以异步提交表单及上传文件的插件。 UaHHTML5中文学习网 - HTML5先行者学习网示例如下： UaHHTML5中文学习网 - HTML5先行者学习网 index.html UaHHTML5中文学习网 - HTML5先行者学习网



 
   
   
   
   
  < 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.php UaHHTML5中文学习网 - HTML5先行者学习网基于jQuery的AJAX和JSON的实例中文WORD版本文档主要讲述的是基于jQuery的AJAX和JSON的实例；过jQuery内置的AJAX功能，直接访问后台获得JSON格式的数据，然后通过jQuer把数据绑定到事先设计好的html模板上，直接在页面上显示。有需要的朋友可以下载看看下载

';
print_r($_POST);
echo '';
echo '';
print_r($_FILES);
echo '
';

效果图： UaHHTML5中文学习网 - HTML5先行者学习网 UaHHTML5中文学习网 - HTML5先行者学习网

相关文章