无法发布到 Django Tastypie 跨域 XHR答案

【问题标题】：Can't POST to Django Tastypie cross-domain XHR无法发布到 Django Tastypie 跨域 XHR
【发布时间】：2012-10-15 17:02:11
【问题描述】：

尝试发布到这个 Django Tastypie API： http://lit-hollows-9760.herokuapp.com/api/food

我安装了这个中间件以允许跨域 XHR： https://gist.github.com/1369619

    from django import http

try:
    from django.conf import settings
    XS_SHARING_ALLOWED_ORIGINS = settings.XS_SHARING_ALLOWED_ORIGINS
    XS_SHARING_ALLOWED_METHODS = settings.XS_SHARING_ALLOWED_METHODS
    XS_SHARING_ALLOWED_HEADERS = settings.XS_SHARING_ALLOWED_HEADERS
    XS_SHARING_ALLOWED_CREDENTIALS = settings.XS_SHARING_ALLOWED_CREDENTIALS
except AttributeError:
    XS_SHARING_ALLOWED_ORIGINS = '*'
    XS_SHARING_ALLOWED_METHODS = ['POST', 'GET', 'OPTIONS', 'PUT', 'DELETE']
    XS_SHARING_ALLOWED_HEADERS = ['Origin', 'Content-Type', 'Accept']
    XS_SHARING_ALLOWED_CREDENTIALS = 'true'


class XsSharing(object):
    """
    This middleware allows cross-domain XHR using the html5 postMessage API.

    Access-Control-Allow-Origin: http://foo.example
    Access-Control-Allow-Methods: POST, GET, OPTIONS, PUT, DELETE

    Based off https://gist.github.com/426829
    """
    def process_request(self, request):
        if 'HTTP_ACCESS_CONTROL_REQUEST_METHOD' in request.META:
            print request.META
            response = http.HttpResponse()
            response['Access-Control-Allow-Origin']  = XS_SHARING_ALLOWED_ORIGINS 
            response['Access-Control-Allow-Methods'] = ",".join( XS_SHARING_ALLOWED_METHODS ) 
            response['Access-Control-Allow-Headers'] = ",".join( XS_SHARING_ALLOWED_HEADERS )
            response['Access-Control-Allow-Credentials'] = XS_SHARING_ALLOWED_CREDENTIALS
            return response

        return None

    def process_response(self, request, response):
        #print request.META
        response['Access-Control-Allow-Origin']  = XS_SHARING_ALLOWED_ORIGINS 
        response['Access-Control-Allow-Methods'] = ",".join( XS_SHARING_ALLOWED_METHODS )
        response['Access-Control-Allow-Headers'] = ",".join( XS_SHARING_ALLOWED_HEADERS )
        response['Access-Control-Allow-Credentials'] = XS_SHARING_ALLOWED_CREDENTIALS
        #print response
        return response

我可以使用 JSONP 来检索 GET 请求，但我不知道如何让 POST 工作。我只是一个 301，仅此而已。

"OPTIONS /api/food HTTP/1.1" 301 0

演示：http://jsfiddle.net/rob_balfre/vgrJD/

这就是我使用 jQuery 调用 POST 的方式：

$.ajax({
  type: 'POST',
  url: 'http://lit-hollows-9760.herokuapp.com/api/food',
  data: '{"name": "Tapas"}',
  success: console.log('jquery worked'),
  dataType: "application/json",
  processData:  false,
  contentType: "application/json"
});

【问题讨论】：

在一个非常相似的场景中，我们从 Tastypie Serializer 收到此错误：“找不到指定类型 'jsonp' 的内容类型。请在类级别或通过参数提供它。”。有什么见解吗？
我们发现使用的不同 Django 中间件中的顺序在到达 XSSharing 之前篡改了我们的请求。

标签： jquery ajax django angularjs tastypie

【解决方案1】：

我需要将 json 添加到：

    serializer = Serializer(formats=['jsonp', 'json'])

美味的资源

【讨论】：

你能分享一些你用来解决这个问题的链接或资源吗？谢谢