python Josnp(跨域)

所谓的跨域就是进行不用域名内的请求，好比如说我在A域名想访问B域名的内容就是一种跨域的行为。

但是在我们浏览器端会有一个同源策略的设置，这个同源策略只对Ajax请求有限制，如果你通过Ajax请求发送数据，在被访问的一端能够接受访问请求并且进行处理后返回给浏览器，但是浏览器不进行接收，所以不能进行跨域请求。

我们机智的人类想到了一个方法可以解决这个同源策略的问题，他们采用的方法是：

    我们知道浏览器会对Ajax请求进行同源策略但是对带有src功能的标签没有进行限制，我们就可以设置通过带有src的标签去访问其他域名的内容

一、设置本地配置和Django配置文件

1、设置本机的C:\Windows\System32\drivers\etc路径下的域名　　　

# Copyright (c) 1993-2009 Microsoft Corp.

#

# This is a sample HOSTS file used by Microsoft TCP/IP for Windows.

#

# This file contains the mappings of IP addresses to host names. Each

# entry should be kept on an individual line. The IP address should

# be placed in the first column followed by the corresponding host name.

# The IP address and the host name should be separated by at least one

# space.

#

# Additionally, comments (such as these) may be inserted on individual

# lines or following the machine name denoted by a '#' symbol.

#

# For example:

#

# 102.54.94.97 rhino.acme.com # source server

# 38.25.63.10 x.acme.com # x client host

# localhost name resolution is handled within DNS itself.

#	127.0.0.1 localhost

#	::1 localhost

127.0.0.1	www.s4.com

127.0.0.1	www.s5.com

2、设置Django配置文件的内容

ALLOWED_HOSTS = ['www.s4.com',]

二、JOSNP（自动动态生成标签）

1.JOSNP自动动态生成带有src的标签（html）（通过带有src的标签进行访问）

==============================================通过src进行访问 html=========================================

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

{#这个是josnp采用的方式   要求客户端和服务端进行约束 自己动态创建标签#}

function getUsers() {

{#定义一个点击函数#}

    var tag =document.createElement('script');

{#创建一个script标签，name=tag#}

    tag.src='http://www.s4.com:8010/users/?callback=bbb';

{#通过tag.src设置访问路劲，这个是get请求把数据放在url上#}

{#    tag.src='http://www.s4.com:8010/users/?funcname=bbb';#}

    document.head.appendChild(tag);

{#在把名字等于tag的标签添加到请求头中#}

}

</script>

</body>

</html>

　　

2、JOSNP自动动态生成带有src的标签（views）

from django.shortcuts import render,redirect,HttpResponse

import json

# Create your views here.

def users(request):

    v =request.GET.get('callback')

    # v =request.GET.get('funcname')

    print('请求来了')

    user_list=[

        'alex','eric','egon'

    ]

    user_list_str=json.dumps(user_list)

    temp ='%s(%s)' %(v,user_list_str)

    print(temp)

    return HttpResponse(temp)

三、JOSNP（JQuery）

1、JOSNP 通过JQuery本身的方式访问（html）

====================================通过JQuery访问 html===================================================

<!DOCTYPE html

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

{#通过JQuery进行跨域请求，只要遵循JQuery标准就能成功访问#}

function getUsers() {

{#定义一个点击函数#}

    $.ajax({

{#通过Ajax 向http://www.s4.com:8010/users/发送请求#}

        url: 'http://www.s4.com:8010/users/',

        type: 'POST',

{#发送方式#}

        dataType: 'JSONP',

{#设置JSONP模式#}

        jsonp: 'funcname',

{#Jsonp的值是funcname#}

        jsonpCallback: 'bbb'

{#设置后台的函数名#}

    })

function bbb(arg) {

    console.log(arg)

}

</script>

</body>

</html>

2、JOSNP 通过JQuery本身的方式访问（views）

from django.shortcuts import render,redirect,HttpResponse

import json

# Create your views here.

def users(request):

    v =request.GET.get('callback')

    # v =request.GET.get('funcname')

    print('请求来了')

    user_list=[

        'alex','eric','egon'

    ]

    user_list_str=json.dumps(user_list)

    temp ='%s(%s)' %(v,user_list_str)

    print(temp)

    return HttpResponse(temp)

四、CORS（一种不需要通过别的方式去访问其他域名的方式）

cors 的原理是访问其他域名的内容，在执行完成后返回给浏览器时，告知浏览器不对Ajax请求进行同源限制

1、cors简单访问（html）

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <input type="button" value="获取用户列表" onclick="getUsers()">

<ul id="user_list"></ul>

<script src="/static/jquery-3.2.1.js"></script>

<script>

    function getUsers() {

        $.ajax({

            url:'http://www.s4.com:8010/lsd_users/',

            type:'GET',

            success:function (arg) {

                console.log(arg)

            }

        })

    }

</script>

</body>

</html>

2、cors简单的访问（views）

在访问其他域名的内容并执行完成后，返回一个响应头，响应头内有告知浏览器不进行Ajax的同源策略的方法。

from django.shortcuts import render,redirect,HttpResponse

import json

# Create your views here.def lsd_users(request):

    user_list = [

        'alex', 'eric', 'egon'

    ]

    print('请求来了！')

    user_list_str=json.dumps(user_list)

    obj=HttpResponse(user_list_str)

    obj['Access-Control-Allow-Origin']="http://www.s5.com:8100"

    #  反会给浏览器已给响应头，告诉浏览器这个API不执行同源策略

    return obj

3、cors复杂的访问（html）

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <input type="button" value="获取用户列表" onclick="getUsers()">

<ul id="user_list"></ul>

<script src="/static/jquery-3.2.1.js"></script>

<script>

    function getUsers() {

        $.ajax({

            url:'http://www.s4.com:8010/new_users/',

            type:'DELETE',

            success:function (arg) {

                console.log(arg)

            }

        })

    }

</script>

</body>

</html>

4、cors复杂的访问（views）

复杂的访问请求要先进行一个预检，看下什么样的请求方式和请求域名可以进行访问，返回给浏览器浏览器在判断是不是和预检的需求一致，如果一致就可以访问，再次返回给浏览器时设置响应头，响应头内有告知浏览器不进行Ajax的同源策略的方法。

from django.shortcuts import render,redirect,HttpResponse

import json

# Create your views here

def new_users(request):

    print(request.method)

    # 打印请求方式

    user_list = [

        'alex', 'eric', 'egon'

    ]

    if request.method=='OPTIONS':

        # 判断请方式是不是一种options请求

        print('预检....')

        obj=HttpResponse()

        obj['Access-Control-Allow-Origin']='*'

        # 所有域名的都可以进行访问

        obj['Access-Control-Allow-Methods']='DELETE'

        # 返回请求的方式,并告知浏览器不进行同源策略

        return obj

    obj = HttpResponse('asdfasdf')

    # 再次请求来的时候返回内容

    obj['Access-Control-Allow-Origin'] = "*"

    # 允许所有的域名进行访问

    return obj

python Josnp(跨域)的更多相关文章

  1. python - Django 跨域配置

    一:settings 中间件配置路径 MIDDLEWARE = [ 'django.middleware.security.SecurityMiddleware', 'django.contrib.s ...

  2. python基础-跨域问题

    跨域 -- 浏览器的同源策略 阻止ajax请求 不阻止src请求 -- jsonp -- 我们利用src发送请求 -- core -- class MyCore(MiddlewareMixin): d ...

  3. 关于python的bottle框架跨域请求报错问题的处理

    在用python的bottle框架开发时,前端使用ajax跨域访问时,js代码老是进入不了success,而是进入了error,而返回的状态却是200.url直接在浏览器访问也是正常的,浏览器按F12 ...

  4. 日志服务Python消费组实战（三）：实时跨域监测多日志库数据

    解决问题 使用日志服务进行数据处理与传递的过程中,你是否遇到如下监测场景不能很好的解决: 特定数据上传到日志服务中需要检查数据内的异常情况,而没有现成监控工具? 需要检索数据里面的关键字,但数据没有建 ...

  5. python全栈开发day103-python垃圾回收机制、mro和c3算法解析、跨域jsonp\CORS、Content-Type组件

    Python垃圾回收 -- 引用计数 -- Python为每个对象维护一个引用计数 -- 当引用计数为0的 代表这个对象为垃圾 -- 标记清除 -- 解决孤立的循环引用 -- 标记根节点和可达对象 - ...

  6. python 跨域处理方式

    因为浏览器的同源策略限制,不是同源的脚本不能操作其他源下面的资源,想操作另一个源下面的资源就属于跨域了,这里说的跨域是广义跨域,我们常说的代码中请求跨域,是狭义的跨域,即在脚本代码中向非同源域发送ht ...

  7. element-ui + vue + node.js 与 服务器 Python 应用的跨域问题

    跨越问题解决的两种办法: 1. 在 config => index.js 中配置 proxyTable 代理: proxyTable: { '/charts': { target: 'http: ...

  8. Python自动化之跨域访问jsonp

    这里提到了JSONP,那有人就问了,它同JSON有什么区别不同和区别呢,接下我们就来看看,百度百科有以下说明: ''' 1. JSON(JavaScript Object Notation) 是一种轻 ...

  9. python使用web.py开发httpserver，解决post请求跨域问题

    使用web.py做http server开发时,遇到postman能够正常请求到数据,但是浏览器无法请求到数据,查原因之后发现是跨域请求的问题. 跨域请求,就是在浏览器窗口中,和某个服务端通过某个 “ ...

随机推荐

  1. python学习-字符串前面添加u,r,b的含义

    引用:https://www.cnblogs.com/cq90/p/6959567.html u/U:表示unicode字符串 不是仅仅是针对中文, 可以针对任何的字符串,代表是对字符串进行unico ...

  2. unix命令

    最近需要用到一些Unix的东西 ,就学习了下这个东西,简单记录下命令,方便以后查询! 1. ls这是最基本的档案指令. ls 的意义为 "list",也就是将某一个目录或是某一个档 ...

  3. Centos网口流量实时监控

    iptraf方式 [root@kazihuo ~]# yum -y install iptraf [root@kazihuo ~]# iptraf-ng-ng 开启服务日志: 进入细节监控后提示日志路 ...

  4. 请详细描述（以硬盘启动）Linux系统从打开主机电源到进入登录界面整个过程的流程。

    1. 开机进行BIOS(BIOS(Basic Input / Output System)自检测系统外围硬件设备如CPU.内存.IO.显卡.鼠标键盘等.根据BIOS中设置的系统启动顺序搜索用于启动系统 ...

  5. SpringMvc的传递参数方式 -- url / requestMapping

    在使用spring的项目中,前台传递参数到后台是经常遇到的事, 我们必须熟练掌握一些常用的参数传递方式和注解的使用,废话少说,直接上正文. 1. @requestMapping: 类级别和方法级别的注 ...

  6. 走近webpack（4）--css相关拓展

    我们前面已经学了很多webpack基本的处理情况,一句话总结就是,一个优秀的webpack项目,主要的核心用法就是整合loader和plugin去处理你想要的任何需求. 下面,咱们一起来学学如何用we ...

  7. 笔记：MyBatis XML配置详解

    MyBatis 的配置文件包含了影响 MyBatis 行为甚深的设置(settings)和属性(properties)信息.文档的顶层结构如下: configuration 配置 properties ...

  8. Linux centos 7 安装NFS服务

    NFS服务简介:NFS是Network File System的缩写,即网络文件系统.客户端通过挂载的方式将NFS服务器端共享的数据目录挂载到本地目录下.---主要功能指的是共享文件 为什么要安装NF ...

  9. 使用pm2躺着实现负载均衡

    事实上,pm2 是一个带有负载均衡功能的Node应用的进程管理器,Node实现进程管理的库有很多,forever也是其中一个很强大但是也相对较老的进程管理器. 为什么要使用pm2 对于这个问题,先说说 ...

  10. 【Linux】 字符串和文本处理工具 grep & sed & awk

    Linux字符串&文本处理工具 因为用linux的时候主要用到的还是字符交互界面,所以对字符串的处理变得十分重要.这篇介绍三个常用的字符串处理工具,包括grep,sed和awk ■ grep ...