專業南寧網站建設10年,服務客戶1000+

php使用jquery Form ajax 提交表單,并上傳文件

2020-05-21


1、jquery.form.js下載地址:http://malsup.com/jquery/form/#download


2、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>

 

3、PHP代碼

<?php

var_dump($_POST);

var_dump($_FILES);

?>


完成,有問題可以聯系南寧網站建設公司技術總監!


0
首頁
案例
關于
聯系
街机麻将玩法 内蒙古11选五开奖结果走势图 什么叫融资 时时彩宝宝计划免费版 华东15选5计划 排列五玩法说明几个奖 天津十一选五开奖号一定牛 陕西11远5玩法 代玩幸运快3计划骗局 泳坛夺金直选有多少注 期如意期货配资平台