Django实现跨域的2种方法


						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)

     }

   })

 })



以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持中文源码网。