專業南寧網站建設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
首頁
案例
關于
聯系
街机麻将玩法 平特一肖免费资料选料 网上的棋牌游戏能玩吗 德国足球甲级联赛最新积分榜 王者捕鱼下载手机版 三分钟一期的彩票骗局 王者娱乐app官方下载 海南琼崖麻将老版本 韩国快乐8官网3分钟开奖 动人心弦实战猛料二尾中特 nba免费直播