Ajax POST và Django Tastypie

Question

curl --dump-header - -H "Content-Type: application/json" -X POST --data '{"latlong": "test"}' http://localhost:8000/geo/api/geolocation/ 

Ở trên hoạt động tốt nhưng khi tôi cố gắng sao chép POST trong ajax dưới đây tôi nhận được lỗi 500.

$.ajax({ 
    type: 'POST', 
    url: 'http://localhost:8000/geo/api/geolocation/', 
    data: '{"latlong": "test"}', 
    success: latlongSaved(), 
    dataType: "application/json", 
    processData: false, 
}); 

Thông báo lỗi là:

{"error_message": "The format indicated 'application/x-www-form-urlencoded' had no available deserialization method. Please check your ``formats`` and ``content_types`` on your Serializer." .... } 

Cần lưu ý đây là miền chéo và tôi đang sử dụng django-crossdomainxhr-middleware.py tìm thấy qua git: ý chính

Nếu tôi thêm một kiểu nội dung cuộc gọi ajax như thế này:

contentType: "application/json" 

tôi nhận được lỗi này lại:

XMLHttpRequest cannot load http://localhost:8000/geo/api/geolocation/. Request header field Content-Type is not allowed by Access-Control-Allow-Headers. 
Request URL:http://localhost:8000/geo/api/geolocation/ 
Request Method:OPTIONS 
Status Code:200 OK 
Request Headersview source 
Access-Control-Request-Headers:Origin, Content-Type, Accept 
Access-Control-Request-Method:POST 
Origin:http://localhost:3000 
Response Headersview source 
Access-Control-Allow-Methods:POST,GET,OPTIONS,PUT,DELETE 
Access-Control-Allow-Origin:* 
Content-Type:text/html; charset=utf-8 
Date:Tue, 23 Aug 2011 07:59:49 GMT 
Server:WSGIServer/0.1 Python/2.6.1 

Answer 1

tôi thêm XS_SHARING_ALLOWED_HEADERS đến middleware và giải quyết vấn đề.

https://gist.github.com/1164697

Answer 2

Bạn đang khai báo rõ ràng loại nội dung trong cuộc gọi đến curl, nhưng bạn không cụ thể trong cuộc gọi jQuery.ajax() của mình.

Cập nhật của bạn hoạt Javascript để xác định chính xác những gì các kiểu nội dung sẽ là:

$.ajax({ 
    type: 'POST', 
    url: 'http://localhost:8000/geo/api/geolocation/', 
    data: '{"latlong": "test"}', 
    success: latlongSaved(), 
    dataType: "application/json", 
    processData: false, 
    contentType: "application/json" 
}); 

Answer 3

Thêm XsSharing (https://gist.github.com/1164697) để settings.py:

MIDDLEWARE_CLASSES = [ 
    ..., 
    'django-crossdomainxhr-middleware.XsSharing' 
] 

Sau đó sử dụng javascript sau đây để thực hiện cuộc gọi ajax:

$.ajax({ 
    type: 'POST', 
    url: 'http://localhost:8000/geo/api/geolocation/', 
    data: '{"latlong": "test"}', 
    success: latlongSaved(), 
    contentType:'application/json', 
    dataType: 'application/json', 
    processData: false, 
}); 

Lưu ý rằng data phải là một chuỗi JSON được hình thành tốt, nếu không jQuery sẽ âm thầm bỏ qua cuộc gọi ajax và không làm gì cả.

Điều đằng sau hậu trường là cuộc gọi ajax trước hết sẽ gửi OPTIONS /geo/api/geolocation/. Vì tiêu đề phản hồi được sửa đổi bởi phần mềm trung gian XsSharing, jQuery sẽ đưa ra một yêu cầu POST /geo/api/geolocation khác để tạo ra thực tế.