Django【跨域】

jsonp

方式一：指定返回方法javascript

# 後端
def view(request): callback = request.GET.get('callback') return HttpResponse('%s("我要上鴨王")' %(callback,));

# javascript function submitJsonp4() { $.ajax({ url: 'http://127.0.0.1:9000/xiaokai.html', type: 'GET', //寫post 沒有用 只能發get
        dataType: 'jsonp',  // 僞造ajax 基於script標籤的建立和刪除
        jsonp: 'callback', //告訴後臺這個key
        jsonpCallback: 'func' //要返回這個函數名 ******8
 }) } function func(arg) { console.log(arg); }

方式二：不指定返回方法html

function submitJsonp4() { $.ajax({ url: 'http://127.0.0.1:9000/xiaokai.html', type: 'GET', //寫post 沒有用 只能發get
        dataType: 'jsonp',  // 僞造ajax 基於script標籤的建立和刪除
        jsonp: 'callback', //告訴後臺這個key
        // 思考 這時候的函數名爲一個隨機的字符串
        // 響應直接 調用success 對應的方法
        // 若是本身寫了jsonpCallback的值
        // 不會報錯，而是把本身寫再拼上隨機的 一樣回調success對應的方法
        success:function(data){ console.log() } }) }

cors

def view(request): response=HttpResponse(json.dumps(info)) # 添加白名單 容許哪一個域名能夠訪問
    response["Access-Control-Allow-Origin"]="http://127.0.0.1:8006"
    #response["Access-Control-Allow-Origin"]="*"
    return  response

$(".get_service").click(function () { $.ajax({ url:"http://127.0.0.1:8008/service/", success:function (data) { console.log(data) } }) })