本文实例讲述了JQuery异步提交表单与文件上传功能。分享给大家供大家参考，具体如下：

Jquery.form.js是一个可以异步提交表单及上传文件的插件。

示例如下：

index.html

！DOCTYPE html html head title/title meta charset=' utf-8 '脚本类型='text/javascript '语言=' JavaScript ' src=' http : js/jquery-1。10 .2 .js /脚本脚本类型='text/javascript '语言=' JavaScript ' src=' http : js/jquery。形式。js /脚本类型='text/javascript '语言=' JavaScript异步提交表单$('#ajaxSubmit ').on('click '，function(){ console。日志($(this))；$('#formToUpdate ').ajaxSubmit({ type:'post '，url:'p.php '，success : function(data){ console。日志(数据)；}，错误：函数(XmlHttpRequest，textStatus，错误通过){ console。日志(XMlhttprequest)；控制台。日志(文本状态)；控制台。日志(错误通过)；} });});});/script/head ody form id=' formToUpdate ' method=' post ' action=' # ' enctype=' multipart/form-data ' input type=' text ' name=' t1 ' br/input type=' file ' name=' f1 ' br/input id=' AJaxSubmit ' type=' button ' value='异步提交/form/body/htmlp.php

？php/** *由JetBrains PhpStorm创建。*用户用户： smeoi *要更改此模板，请使用文件|设置|文件模板*/echo“pre”；print _ r($ _ POST)；回声/pre '；回声“pre”；print _ r($ _ FILES)；回声/pre '；效果图：

更多关于jQuery相关内容感兴趣的读者可查看本站专题： 《jQuery form操作技巧汇总》 、 《jQuery文件与目录操作技巧汇总》 、 《jquery中Ajax用法总结》 、 《jQuery扩展技巧总结》 、 《jquery选择器用法总结》 及《jQuery常用插件及用法总结》

希望本文所述对大家jQuery程序设计有所帮助。