Ajax POST和Django Tastypie

Question

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

上述工作正常，但是当我尝试复制下面的ajax中的POST时，我得到500错误。

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

错误消息：

{"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." .... } 

值得注意的，这是跨域和我使用的是通过GIT中发现django-crossdomainxhr-middleware.py：要点

如果我添加内容类型Ajax调用是这样的：

contentType: "application/json" 

我得到这个错误回：

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

我加XS_SHARING_ALLOWED_HEADERS到中间件和解决的问题。

https://gist.github.com/1164697

Answer 2

你被明确声明内容类型在您的来电curl，但你没有被具体您jQuery.ajax()电话。

更新你的JavaScript来定义到底是什么类型的内容将是：

$.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

添加XsSharing（https://gist.github.com/1164697）到settings.py中：

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

然后使用下面的JavaScript，使Ajax调用：

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

请注意，data必须是格式正确的JSON字符串，否则jQuery将默默地忽略ajax调用并且什么也不做。

背后的情况是，ajax电话会先发出OPTIONS /geo/api/geolocation/。由于响应头由XsSharing中间件修改，因此jQuery将发出另一个POST /geo/api/geolocation请求来执行实际创建。