魔乐社区

jquery form是一个基于jquery的表单异步提交的插件，通过它能快速简便的提交表单。

html

<div>
    <form id="ajaxForm" method="post" action="./test.php" enctype="multipart/form-data">
    <input type="text" name="name" /><br>
    <input type="text" name="sex" /><br>
    <input type="file" name="file" /><br>
    <button type="submit" id="btnSubmit">提交1</button>
    </form>
    <button id="btnButton" type="button">提交2</button>
</div>

js

<script src="./jquery-1.8.3.min.js"></script>
<script src="./jquery-form.min.js"></script>

<script type="text/javascript">
    $(function () {
        //方式1
        $("#ajaxForm").ajaxForm(function () {
            alert("提交成功1");
        });

        //方式2
        $("#ajaxForm").submit(function () {
            $(this).ajaxSubmit(function () {
                alert("提交成功1");
            });
            return false;
        });

        //方式3
        $("#btnButton").click(function () {
            $("#ajaxForm").ajaxSubmit(function () {
                alert("提交成功2");
            });
            return false;
        });
    });
</script>