php使用jquery Form ajax 提交表单,并上传文件
发布时间:2020-05-26 01:33:38 所属栏目:PHP 来源:互联网
导读:在html5中我们通过FormData就可以ajax上传文件数据,不过因为兼容问题。我们选用jquery.form.min.js来进行ajax的表单提交。 一、jquery.form.js下载地址:
在html5中我们通过FormData就可以ajax上传文件数据,不过因为兼容问题。我们选用jquery.form.min.js来进行ajax的表单提交。 一、jquery.form.js下载地址: http://malsup.com/jquery/form/#download二、jquery.form.js提供的方法如下: 三、options对象参数: 四、例子如下: index.html代码如下: <!DOCTYPE HTML> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>ajax表单处理</title> </head> <body> <form class="upForm" action="./data.php" method="post" enctype="multipart/form-data"> <table> <tr> <td>用户名:</td> <td><input type="text" name="uname" /></td> </tr> <tr> <td>密码:</td> <td><input type="password" name="uname" /></td> </tr> <tr> <td>性别:</td> <td> <input type="radio" name="sex" value="0" checked />男 <input type="radio" name="sex" value="0" />女 </td> </tr> <tr> <td>证件:</td> <td><input type="file" name="upfile" /></td> </tr> <tr> <td></td> <td><input type="button" value="提交" /></td> </tr> </table> </form> </body> <script type="text/javascript" src="./jquery.js"></script> <script type="text/javascript" src="./jquery.form.min.js"></script> <script type="text/javascript"> $(function() { $(".upForm input[type='button']").on("click",function() { var options = { "beforeSubmit" : checkForm,"success" : resultForm,"resetForm" : true,"dataType" : "json" }; $(".upForm").ajaxSubmit(options); }); function checkForm(formData,form,options) { //表单提交前处理 } function resultForm(data,status) { //表单完成 console.log(data); } }); </script> </html>data.php代码如下: <?php var_dump($_POST); var_dump($_FILES);测试如下: 表单中的数据和文件成功的提交给了服务器处理。 (编辑:安卓应用网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |