jQuery AJAX "200 OK", nhưng không có phản ứng dữ liệu

Question

jQuery:

$.ajax({ 
url : url, 
type : 'GET', 
dataType: 'json', 
data: { 
    'FN' : 'GetPages', 
    'PIN' : '7659' 
}, 
xhrFields: { 
    withCredentials: true 
}, 
crossDomain: true, 
success: function(data) { 
    alert('succsess'); 
    console.log('data', data); 
}, 
error: function (xhr, ajaxOptions, thrownError) { 
    alert('error'); 
    console.log(xhr.status); 
    console.log(thrownError); 
} 
}); 

Firebug Firefox Mạng

Firebug Error http://s14.directupload.net/images/121123/8ar5vljg.png

gì xảy ra

AJAX "error:" sự kiện được t riggered và console.log tôi kết quả đầu ra là:

xhr.status -> 0

thrownError -> (empty String)

là bình thường này? Khi tôi nhập URL trong trình duyệt, tôi nhận được tệp tải xuống có nội dung JSON trong đó, đây không phải là vấn đề đúng không?

Answer 1

Nhờ @CrimsonChin Tôi biết nó là một vấn đề chính sách xứ Same

In computing, the same origin policy is an important security concept for a number of browser-side programming languages, such as JavaScript. The policy permits scripts running on pages originating from the same site to access each other's methods and properties with no specific restrictions, but prevents access to most methods and properties across pages on different sites.[1]

(từ http://en.wikipedia.org/wiki/Same_origin_policy)

Cấp khách hàng JavaScript truy cập cơ bản với các nguồn lực của bạn chỉ đơn giản đòi hỏi thêm tiêu đề phản ứng một HTTP, cụ thể là :

Access-Control-Allow-Origin: * 
Access-Control-Allow-Origin: http://foo.example.com 

(từ http://enable-cors.org/)

ofc, chuyển phản hồi JSON thành phản hồi JSONP cũng sẽ hoạt động. Thx @djakapm

Answer 2

tôi không thể tìm ra từ hình ảnh, nhưng nếu bạn đang cố gắng gửi yêu cầu AJAX đến tên miền khác nhau, bạn cần phải sử dụng JSONP, yêu cầu AJAX đơn giản sẽ không đủ

Cố gắng thay đổi dataType: 'json'-dataType: 'jsonp'

và thêm callback=? để bạn URL

Answer 3

Hãy thử điều này một

$.ajax({ type : "GET", 
      url : URL, 
      data: { 
      'FN' : 'GetPages', 
      'PIN' : '7659' 
      }, 
      xhrFields: { 
      withCredentials: true 
      }, 
      crossDomain: true, 
      dataType : "jsonp", 
      jsonp : "jsoncallback", 
      jsonpCallback : "SMS", 
      cache : true, 
       success : function(service_data) { 


         }, 
       error : function(msg) { 
       alert(JSON.stringify(msg)); 
       } 
      });