jsonp

方式一：指定返回方法

# 後端
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);
}

方式二：不指定返回方法

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)
         }
     })

 })