Không submit được form tới API bằng ajax

[BaoTQ69 (Trần Quốc Bảo)]

mình có đoạn code này làm mãi k ra.bác nào biết giúp mình mới.mình cảm ơn nhiều ạ.

        <input type="text" name="Phone" id="phone_r" placeholder="Phone number"/>
        <span id="error_code"></span>
        <button  class="register" type="submit" id="submitForm">Register</button>
    </form>

Đây là kết quả khi mình nhấn vào nút submit

Khi mình nhấn submit nó k đến dc URL của API “/Silex/index.php/create-user” mà lại gửi về địa chỉ hiện tại dưới dạng form mà k phải JSON
Cảm ơn các bác nhiều ạ!!!

[SakaDream (Phan Bá Hải)]

Đầu tiên thấy ngay lỗi $ is not defined Bạn đã add và test jQuery chưa?
Thứ 2, muốn gửi formdata dạng JSON, bạn phải serialize formdata
VD

var addForm = $('#add-form').submit(function(e){ // Bắt sự kiện submit của form và get formdata
        e.preventDefault();
        $.ajax({
            type: POST
            url: 'http://example.com/api/students',
            data: addForm.serialize(), // serialize formdata
            success: function(data) {
                window.location.href = "./index.html";
            },
            error: function(e) {
                console.log(e);
                window.location.href = "./error.html";
            }
        });
    });