XMLHttpRequest無法加載http://example.com/myapp/jsonurl/。請求的資源上沒有'Access-Control-Allow-Origin'標頭

Question

$.ajax() django項目中html頁面的請求，它與firefox一起工作，但不能與chrome一起工作.i從谷歌嘗試了很多東西但沒有得到任何結果，我浪費我的2天plz幫助鉻控制檯上 錯誤：

的XMLHttpRequest無法加載http://example.com/myapp/jsonurl/.沒有'Access-Control-Allow-Origin'頭出現在所請求的資源。原因'http://www.example.com'因此不被允許訪問。

我的代碼：

ajax code: 
$.ajax({ 
    url: "http://example.com/myapp/jsonurl/", 
    dataType:"json", 
    type:"GET", 
    success: function(data){ 
     alert(data); 
    }, 
    error: function(xhRequest, ErrorText, thrownError){ 
     alert(xhRequest+ ErrorText+thrownError); 
    } 
    }); 

網址：

url(r'^jsonurl/', planViews.jsonurl,name='jsonurl'), 

觀點：

def jsonurltest(request): 
    context = RequestContext(request) 

    return HttpResponse(json.dumps("{'jsondata':'ajax test'}"), content_type="application/json") 

Answer 1

最後我得到的解決方案也有我的項目中的兩個問題

1：安裝https://github.com/ottoyiu/django-cors-headers

2：我用「@login_required 「與我的觀點，當刪除這個工作正確與chrom所有瀏覽器

Answer 2

兩個解決方案：

確保您使用相同的名稱（www.example .com兩者都是例子）

或者，如果你必須保持兩個不同的名字，確保服務器服務的AJAX調用添加頁眉： 訪問控制允許來源：http://www.example.com>

更多有關信息可以發現： http://jquery-howto.blogspot.com/2013/09/jquery-cross-domain-ajax-request.html