jQuery – AJAX 非同步去送表單!

最近在改公司的舊系統 , 要把一般 form-submit 改成 AJAX 非同步去送表單

上網查了許多決定使用 jQuery 來做 , 做起來也非常簡單

在這邊紀錄一下 用JQuery AJAX 的寫法

<script>
    $('#submit').click(function(e){
        var form = new FormData(document.getElementById('form'))
        $.ajax({ 
            url: "/api/test",
            data: form,
            type: 'post',
            processData: false,
            contentType: false,
            cache: false,
            success: function(data)
            {
                console.log(data)
               
            },
            error: function(data)
            {
                console.log(data)
            }
        });
    })
</script>
<form id="form">
    <!-- inputs -->
    <button type="submit" id="submit">
        submit
    </button>
</form>

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。