Laravel - jQuery AJAX 范例

最近满常要把一般 form-submit 改成 AJAX 非同步去送表单，所以分享个 template。
非 Laravel 做的後端也适用

<form id="form">
    <!-- inputs -->
    <button type="submit" id="submit">
        submit
    </button>
</form>

<script>
    $('#submit').click(function(e){
        e.preventDefault();
        var form = new FormData(document.getElementById('form'))
        $.ajax({ 
            url: "/api/endpoint",
            data: form,
            type: 'post',
            processData: false, // important
            contentType: false, // important
            cache: false,
            success: function(data)
            {
                console.log(data)
                // redirect
                window.location.replace(data.redirect);
            },
            error: function(data)
            {
                // intergrate Swal to display error
                Swal.close();
                if (data.status == 419) {
                    window.location.reload();
                } else {
                    Swal.fire({
                        icon: 'info',
                        title: 'Error',
                        html: data.responseJSON.message,
                    });
                }
            }
        });
    })
</script>

Laravel Response 范例

• json 看前端需要什麽，没有一定规定
• status code 可参考 HTTP 状态码，建议不要无脑 200

return response()->json([
    'message' => 'message ...',
    'redirect' => 'https://example.com/path'
], 200);