溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天就跟大家聊聊有關使用Django怎么實現跨域請求，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。
域請求分兩種：簡單請求、復雜請求.
簡單請求
簡單請求必須滿足下述條件.
HTTP方法為這三種方法之一：HEAD、GET、POST
HTTP頭消息不超出以下字段：
Accept、Accept-Language、Content-Language、Last-Event-ID
且Content-Type只能為下列類型中的某一個：
application/x-www-from-urlencoded
multipart/form-data
text/plain.
==任何不滿足上述要求的請求，都會被認為是復雜請求.
復雜請求會先發出一個預請求——預檢，OPTIONS請求.==
瀏覽器的同源策略
無法跨域就是被瀏覽器的同源策略限制的.
也就是說，==瀏覽器會阻止非同源的請求.==
那什么是非同源呢？==域名或端口不同的，都屬于非同源.==
==瀏覽器只會阻止表單以及Ajax請求的跨域，但不會阻止src請求跨域.==
所以，我們的cdn、圖片等src請求都是正常的.
JsonP實現跨域
==JsonP跨域的原理是利用了瀏覽器不阻止src請求跨域來實現的.==
==JsonP只能實現GET請求跨域.==
首先 準備我們的視圖文件
from django.http import HttpResponse
from rest_framework.views import APIView
class TestView(APIView):
def get(self, request):
return HttpResponse("handlerResponse('is ok')")
# 注意返回的函數以及參數的格式然后 HTML文件
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>JsonP跨站請求測試</title>
</head>
<body>
<script>
// 函數名應為handlerResponse，這是一種約定俗成
function handlerResponse(data) {
alert(data)
}
</script>
<!--必須放在被執行函數的script標簽的下面，否則會報錯函數不存在-->
<script src="http://127.0.0.1:8000/test/"></script>
</body>
</html>好了 我們來測試吧
可以看到，我們成功實現了跨域獲取數據.
JsonP解決跨域只能發送GET請求，并且實現起來前后端交互會比較多，現在幾乎已經不在使用了
在Django中間件中添加響應頭
可實現簡單請求和復雜請求的跨域
第一步 準備中間件
from django.utils.deprecation import MiddlewareMixin class MyCors(MiddlewareMixin): def process_response(self, request, response): # 如下，等于'*'后，便可允許所有簡單請求的跨域訪問 response['Access-Control-Allow-Origin'] = '*' # 判斷是否為復雜請求 if request.method == 'OPTIONS': response['Access-Control-Allow-Headers'] = 'Content-Type' response['Access-Control-Allow-Methods'] = 'PUT,PATCH,DELETE' return response
寫好之后，別忘記了去注冊.
第二步 視圖文件
from django.http import HttpResponse
from rest_framework.views import APIView
class TestView(APIView):
def get(self, request):
return HttpResponse("這是GET請求的數據")
def post(self, request):
return HttpResponse("這是POST請求的數據")
def put(self, request):
return HttpResponse("這是PUT請求的數")第三步 HTML文件
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<title>test</title>
</head>
<body>
<button id="sign">點擊發送跨站請求</button>
<script>
$('#sign').click(function () {
$.ajax({
url: 'http://127.0.0.1:8000/test/', // 要訪問的外站
type: 'put', // 請求類型, put為復雜請求
contentType: 'application/json', // 指定為'application/json'后，將變為復雜請求
success: function (data) {
// 請求成功后將執行該函數
// data是外站發送過來的數據
alert(data)
},
});
});
</script>
</body>
</html>測試效果如下
看完上述內容，你們對使用Django怎么實現跨域請求有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
