ajax - 使用跨域 Ajax 的 Django View

Question

我有一个要与 Ajax 调用集成的 Django View 。调用正在跨域发生。我让这段代码自行运行并发出跨域请求。

def myview(_request):  
    response = HttpResponse(json.dumps({"key": "value", "key2": "value"}))  
    response["Access-Control-Allow-Origin"] = "*"  
    response["Access-Control-Allow-Methods"] = "POST, GET, OPTIONS"  
    response["Access-Control-Max-Age"] = "1000"  
    response["Access-Control-Allow-Headers"] = "*"  
    return response  

我想知道如何将其整合到我现有的 View 中。您将在下面的代码中看到我尝试过的内容:

def american_time(request):
    #Calling the HTML Source from the URL
    sock = urllib.urlopen("http://apps.cbp.gov/bwt/index.asp")
    htmlSource = sock.read()
    sock.close()
    #create a soup object
    soup = BeautifulSoup(htmlSource)
    #find the tags we need and their content
    bridge = soup.findAll('td', limit=215)[194]
    tunnel = soup.findAll('td', limit=250)[208]
    #new variables to be passed
    contents_of_tunnel = tunnel.getText(', ')
    contents_of_bridge = bridge.getText(', ')
    #check to see if there is a delay for the bridge
    if 'no delay' in contents_of_bridge:
        time_to_cross_the_bridge = 0
    else:
        inside_of_bridge = re.split(r', ', contents_of_bridge)
        number_inside_of_bridge = inside_of_bridge[1]
        list_for_time_to_cross_the_bridge = re.findall(r"\d+", number_inside_of_bridge)
        time_to_cross_the_bridge = list_for_time_to_cross_the_bridge[0]
    if 'no delay' in contents_of_tunnel:
        time_to_cross_the_tunnel = 0
    else:
        inside_of_tunnel = re.split(r', ', contents_of_tunnel)
        number_inside_of_tunnel = inside_of_tunnel[1]
        list_for_time_to_cross_the_tunnel = re.findall(r"\d+", number_inside_of_tunnel)
        time_to_cross_the_tunnel = list_for_time_to_cross_the_tunnel[0]
    response = HttpResponse(json.dumps({"bridge_time": time_to_cross_the_bridge,      "tunnel_time": time_to_cross_the_tunnel}))
    response["Access-Control-Allow-Origin"] = "*"
    response["Access-Control-Allow-Methods"] = "POST, GET, OPTIONS"
    response["Access-Control-Max-Age"] = "1000"
    response["Access-Control-Allow-Headers"] = "*"
    #finally, return as Ajax
    return HttpResponse(response)

Ajax :

$.get( "http://localhost:8000/us", function(json){
$('#timeone').html(json.bridge_time + "min delay");
$('#timetwo').html(json.tunnel_time + "min delay");
})
.fail(function(){
    alert('We can\'t get data right now! Please try again later.');
})
.done(function(){
    alert('Success!');
});

但是，我仍然收到消息 XMLHttpRequest cannot load http://localhost:8000/us。请求的资源上不存在“Access-Control-Allow-Origin” header 。因此不允许访问 Origin 'null'。 在控制台中。如何将此 header 集成到我的 View 中？

Answer 1

尝试添加这个 middleware .

如何添加见文档https://docs.djangoproject.com/en/dev/topics/http/middleware/