Django实现跨域的2种方法

yipeiwu_com6年前Python基础

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持【听图阁-专注于Python设计】。

相关文章

Atom的python插件和常用插件说明

python: simplified-chinese-menu:中文汉化(英文差的) 代码高亮:Atom自带 自动补全:autocomplete-python 语法检查:linter-f...

Python设计模式之组合模式原理与用法实例分析

Python设计模式之组合模式原理与用法实例分析

本文实例讲述了Python设计模式之组合模式原理与用法。分享给大家供大家参考,具体如下: 组合模式(Composite Pattern):将对象组合成成树形结构以表示“部分-整体”的层次...

Python语言编写电脑时间自动同步小工具

Python语言编写电脑时间自动同步小工具

话不多说,小工具需求如下: 功能需求 -- 电脑开机后自动执行时间同步 非功能需求 -- 安装执行简单,无需安装额外环境 一、代码实现 基于以上需求,思路如下:访问网络获取北京时间,然后...

Python实现抢购IPhone手机

要买IPhone7主要有三个途径吧,一是官网下单;二是官网预约,直营店取货;三是第三方渠道。第一个渠道需要等3-4周,而且是直接快递过来,方便是方便,缺点主要是对物流不放心和怕遇到瑕疵机...

Centos7 Python3下安装scrapy的详细步骤

Centos7 Python3下安装scrapy的详细步骤

苦逼的前夜 昨晚很辛苦,搞到晚上快两点,最后还是没有把python3下的scrapy框架安装起来,后面还把yum这玩意给弄坏了,一直找不到命令。今天早上又自己弄了快一上午,又求助@函兮,...