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

巴扎黑
Freigeben: 2017-08-22 16:59:52
Original
1886 Leute haben es durchsucht

本文实例讲述了JQuery异步提交表单与文件上传功能。分享给大家供大家参考,具体如下:UaHHTML5中文学习网 - HTML5先行者学习网

Jquery.form.js是一个可以异步提交表单及上传文件的插件。UaHHTML5中文学习网 - HTML5先行者学习网

示例如下:UaHHTML5中文学习网 - HTML5先行者学习网

index.htmlUaHHTML5中文学习网 - 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); } }); }); });  


Nach dem Login kopieren

p.phpUaHHTML5中文学习网 - HTML5先行者学习网

'; print_r($_POST); echo '
'; echo '
'; print_r($_FILES); echo '
';
Nach dem Login kopieren

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

UaHHTML5中文学习网 - HTML5先行者学习网

Das obige ist der detaillierte Inhalt von使用JQuery实现表单的异步提交与文件上传功能. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!