Chức năng jQuery ajax trả về lỗi

Question

thành thật mà nói, tôi là người mới bắt đầu với jQuery và bây giờ tôi đang bị kẹt. Tôi muốn gửi dữ liệu từ biểu mẫu HTML của tôi sang một php, nó thêm dữ liệu vào cơ sở dữ liệu và trả về một số giá trị mà tôi muốn hiển thị trên HTML ban đầu của tôi. Dưới đây là mã của tôi:

$.ajax({ 
    type: "POST", 
    url: "http://mysite.com/process.php", 
    data: { data: mydata }, 
    cache: false, 
    dataType: "text", 
    error: function(jqXHR, textStatus, errorThrown){ 
     alert(jqXHR.status); 
     alert(jqXHR.statusText); 
     alert(jqXHR.responseText); 
    }, 
    success: function(data){ 
     getContentBox().innerHTML = data; 
} 
}); 

Nó trả về một đối tượng jqXHR với status = 0, statusText = "error" và trống rỗng responseText. Tuy nhiên, php của tôi dường như làm việc, tôi thấy dữ liệu của tôi được chèn vào DB của tôi. Tôi đang làm gì sai?

Mọi trợ giúp sẽ được đánh giá cao. Cảm ơn bạn trước!

EDIT: Bàn điều khiển Chrome cho biết XMLHttpRequest không thể tải http://mysite.com/data.php. Xuất xứ http://www.mysite.com không được cho phép bởi Access-Control-Allow-Origin.

Answer 1

Nhận xét của ShelbyZ dẫn tôi đến giải pháp:

Trình duyệt từ chối thực hiện yêu cầu khi tôi thử sử dụng URL tuyệt đối, tôi phải viết nó là tương đối.

$.ajax({ 
    type: "POST", 
    url: "process.php", 
    data: { data: mydata }, 
    cache: false, 
    dataType: "text", 
    error: function(jqXHR, textStatus, errorThrown){ 
     alert(jqXHR.status); 
     alert(jqXHR.statusText); 
     alert(jqXHR.responseText); 
    }, 
    success: function(data){ 
     getContentBox().innerHTML = data; 
} 
}); 

Cảm ơn!

Answer 2

Hãy thử điều này (bạn quên đóng khung):

$.ajax({ 
    ... 
    success: function(data){ 
    getContentBox().innerHTML = data; 
    } 
}); 

Answer 3

Tại sao không sử dụng được xây dựng trong bài chức năng của jquery để đơn giản hóa ví dụ này

  $.post('http://mysite.com/process.php', mydata, function(data) { 
       if (data.status == 1) { 
        getContentBox().html() = data; 
       } else { 
        alert(data.status); 
        alert(data.statusText); 
        alert(data.responseText); 
       } 
      }); 

im không chắc chắn những gì phản ứng trạng thái của bạn vì vậy bạn có thể phải chỉnh sửa điều đó nhưng điều này sẽ hoạt động nếu bạn đặt nó bên trong một số $('form here').submit(function() {POSTCODEHERE});

Answer 4

Tôi đã gặp vấn đề tương tự. Hàm Ajax được gắn với nút (type = "submit") bên trong của <form>, vì vậy luôn luôn khi tôi nhấn nút này, trang của tôi đã tải lại và chức năng error hoạt động thay vì success. Tôi thực sự không biết làm thế nào là điều này liên quan nhưng khi tôi thêm event.preventDefault() để lắng nghe hành động của nút và nó trở nên làm việc tốt.