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>

你可能會喜歡

java – 查詢速度很慢！IN 改為 JOIN/EXIST 效能衝上天！ Java：程式執行時間計算 Java – 如何使用Selenium獲取Network 網路請求 Java – 如何查詢URI或是URL的最後一個路徑 讓我告訴你！ java – connection pool 的流程與使用！ java – 什麼是Spring？ 3分鐘看完 Spring 基本介紹！ Python – 自動化複製檔案！？使用PySftp連線SFTP Server！