01/10/2018, 15:13

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

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 ạ!!!

Phan Bá Hải viết 17:24 ngày 01/10/2018

Đầ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";
            }
        });
    });

Bình luận về bài viết này

Chia sẻ tin đăng đến bạn bè

Gửi Messenger

Bài liên quan

Trần Quốc Bảo

0 chủ đề

0 bài viết

Tác giả nổi bật