$.ajaxSubmit form表单ajax提交

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/li_haijiang/article/details/80328502

Form表单ajax提交

<style>
    #agreementSub{
        margin-top: 20px;
        display: block;
        width: 100px;
        height: 40px;
        text-align: center;
        border-radius: 10px;
        line-height: 40px;
        background: cornflowerblue;
        color: #ffffff;
        cursor: pointer;
    }

</style>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://malsup.github.io/jquery.form.js"></script>


<form id="mainForm" method="post" enctype="multipart/form-data" class="jsrz_main_information">
    姓名：<input type="text" name="UserName" value="" /><br>
    年龄：<input type="text" name="UserAge" value="" /><br>
    地址：<input type="text" name="UserAddr" value="" /><br>
    邮箱：<input type="text" name="UserEmail" value="" /><br>

    <div class="jsrz_main_button">
        <a value="提交" id="agreementSub">tijiao</a>
    </div>
</form>

<script>
    $("#agreementSub").on("click",function(){

        $('#mainForm').ajaxSubmit(      //ajax方式提交表单
        {
            url: 'http://192.168.199.218/boao/public/index.php/api/index/index',
            type: 'post',
            dataType: 'json',
            beforeSubmit: function () {},
            success: function (data) {
                console.log(data);
            },
            clearForm: false,//禁止清楚表单
            resetForm: false //禁止重置表单
        });
    });
</script>