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跨站请求的主要内容,如果未能解决你的问题,请参考以下文章