jsonp跨站请求

Posted leiwenbin627

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jsonp跨站请求相关的知识,希望对你有一定的参考价值。

本地端

url:

url(r‘req/‘,a2.req),

 

views.py

from django.shortcuts import render
import requests
# Create your views here.
def req(request):
    response=requests.get(‘http://www.weather.com.cn/data/cityinfo/101010100.html‘)
    print(response.content) #字节类型
    response.encoding=‘utf-8‘
    print(response.text)  #字符串类型
    print(response.cookies,response.headers,)
    return render(request,‘req.html‘,‘result‘:response.text)

 

本地前端

req.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
#    <script src="/static/commons.js"></script>#
#    <script src=‘http://127.0.0.1:8001/jsonp/?k1=v1&k2=v2‘></script>#
#    <script src="https://cdn.bootcss.com/jquery/3.4.1/core.js"></script>#
</head>
<body>
    <h1>后台获取的结果</h1>
         result
    <h1>js直接获取结果</h1>
    <input type="button" value="获取数据" onclick="getContent();">
    <div id="container_1"></div>
        <script src="/static/jquery-1.12.4.js"></script>
        <script>
            function getContent()
                 /*
                var xhr=new XMLHttpRequest();

                #                xhr.open("GET",‘http://www.weather.com.cn/data/cityinfo/101010100.html‘)#

                xhr.open("GET",‘http://127.0.0.1:8001/jsonp.html?k1=v1&k2=v2‘);
                xhr.onreadystatechange=function ()
                  console.log(xhr.responseText);//拿到返回的文本信息
                ;
                xhr.send()
                */
                /*
                var tag=document.createElement(‘script‘);
#                tag.src=‘http://127.0.0.1:8001/jsonp/?callback=pe&k1=v1&k2=v2‘;#

                tag.src=‘http://www.jxntv.cn/data/jmd-jxtv2.html?callback=list&_=1454376870403‘;
                document.head.appendChild(tag);
                document.head.removeChild(tag);
            
            function list(arg)
                console.log(arg);
            
             */
            $.ajax(
                url:‘http://www.jxntv.cn/data/jmd-jxtv2.html?_=1454376870403‘,
                type:‘POST‘,
                dataType: ‘jsonp‘,
                jsonp: ‘callback‘,
                jsonpCallback: ‘list‘
            );
            
            function list(arg)
                console.log(arg);
            
        </script>
</body>
</html>

 

远程端

url

url(r‘jsonp/‘,views.jsonp),

 

views.py

def jsonp(request):
    func=request.GET.get(‘callback‘)
    content=‘%s(1000)‘%(func,)
    return HttpResponse(content)

    # print(request.GET)
    # return HttpResponse(‘alert("21")‘)

以上是关于jsonp跨站请求的主要内容,如果未能解决你的问题,请参考以下文章

跨域问题

跨域解决方案

跨域请求(CORS)要点

CSRF跨站请求伪造的安全防护

跨域问题解决方案

CSRF(跨站请求伪造)