django實(shí)現(xiàn)跨域請(qǐng)求的方法有哪些

這篇文章給大家分享的是有關(guān)django實(shí)現(xiàn)跨域請(qǐng)求的方法有哪些的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。

成都創(chuàng)新互聯(lián)公司于2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站建設(shè)、做網(wǎng)站網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元城關(guān)做網(wǎng)站,已為上家服務(wù),為城關(guān)各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18980820575

CORS 即 Cross Origin Resource Sharing 跨域資源共享.

跨域請(qǐng)求分兩種：簡(jiǎn)單請(qǐng)求、復(fù)雜請(qǐng)求.

簡(jiǎn)單請(qǐng)求

簡(jiǎn)單請(qǐng)求必須滿足下述條件.

HTTP方法為這三種方法之一：HEAD、GET、POST

HTTP頭消息不超出以下字段：

Accept、Accept-Language、Content-Language、Last-Event-ID

且Content-Type只能為下列類型中的某一個(gè)：

application/x-www-from-urlencodedmultipart/form-datatext/plain.

==任何不滿足上述要求的請(qǐng)求，都會(huì)被認(rèn)為是復(fù)雜請(qǐng)求.

復(fù)雜請(qǐng)求

會(huì)先發(fā)出一個(gè)預(yù)請(qǐng)求——預(yù)檢，OPTIONS請(qǐng)求.==

瀏覽器的同源策略

無(wú)法跨域就是被瀏覽器的同源策略限制的.

也就是說(shuō)，==瀏覽器會(huì)阻止非同源的請(qǐng)求.==

那什么是非同源呢？==域名或端口不同的，都屬于非同源.==

==瀏覽器只會(huì)阻止表單以及Ajax請(qǐng)求的跨域，但不會(huì)阻止src請(qǐng)求跨域.==

所以，我們的cdn、圖片等src請(qǐng)求都是正常的.

JsonP實(shí)現(xiàn)跨域

==JsonP跨域的原理是利用了瀏覽器不阻止src請(qǐng)求跨域來(lái)實(shí)現(xiàn)的.==

==JsonP只能實(shí)現(xiàn)GET請(qǐng)求跨域.==

首先準(zhǔn)備我們的視圖文件

from django.http import HttpResponse
from rest_framework.views import APIView

class TestView(APIView):
  def get(self, request):
    return HttpResponse("handlerResponse('is ok')")
    # 注意返回的函數(shù)以及參數(shù)的格式

然后html文件

<!DOCTYPE html>
<html>
<head>
  <title>JsonP跨站請(qǐng)求測(cè)試</title>
</head>
<body>
<script>
  // 函數(shù)名應(yīng)為handlerResponse，這是一種約定俗成
  function handlerResponse(data) {
    alert(data)
  }
</script>
<!--必須放在被執(zhí)行函數(shù)的script標(biāo)簽的下面，否則會(huì)報(bào)錯(cuò)函數(shù)不存在-->
<script src="http://127.0.0.1:8000/test/"></script>
</body>
</html>

django實(shí)現(xiàn)跨域請(qǐng)求的方法有哪些

可以看到，我們成功實(shí)現(xiàn)了跨域獲取數(shù)據(jù).

JsonP解決跨域只能發(fā)送GET請(qǐng)求，并且實(shí)現(xiàn)起來(lái)前后端交互會(huì)比較多，現(xiàn)在幾乎已經(jīng)不在使用了

在Django中間件中添加響應(yīng)頭

可實(shí)現(xiàn)簡(jiǎn)單請(qǐng)求和復(fù)雜請(qǐng)求的跨域

第一步準(zhǔn)備中間件

from django.utils.deprecation import MiddlewareMixin

class MyCors(MiddlewareMixin):
  def process_response(self, request, response):
    # 如下，等于'*'后，便可允許所有簡(jiǎn)單請(qǐng)求的跨域訪問(wèn)
    response['Access-Control-Allow-Origin'] = '*'

    # 判斷是否為復(fù)雜請(qǐng)求
    if request.method == 'OPTIONS':
      response['Access-Control-Allow-Headers'] = 'Content-Type'
      response['Access-Control-Allow-Methods'] = 'PUT,PATCH,DELETE'

    return response

寫好之后，別忘記了去注冊(cè).

第二步視圖文件

from django.http import HttpResponse
from rest_framework.views import APIView

class TestView(APIView):
  def get(self, request):
    return HttpResponse("這是GET請(qǐng)求的數(shù)據(jù)")
  def post(self, request):
    return HttpResponse("這是POST請(qǐng)求的數(shù)據(jù)")
  def put(self, request):
    return HttpResponse("這是PUT請(qǐng)求的數(shù)")

第三步 HTML文件

<!DOCTYPE html>
<html>
<head>
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <title>test</title>
</head>
<body>
<button id="sign">點(diǎn)擊發(fā)送跨站請(qǐng)求</button>
<script>
  $('#sign').click(function () {
    $.ajax({
      url: 'http://127.0.0.1:8000/test/', // 要訪問(wèn)的外站
      type: 'put', // 請(qǐng)求類型, put為復(fù)雜請(qǐng)求
      contentType: 'application/json', // 指定為'application/json'后，將變?yōu)閺?fù)雜請(qǐng)求
      success: function (data) {
        // 請(qǐng)求成功后將執(zhí)行該函數(shù)
        // data是外站發(fā)送過(guò)來(lái)的數(shù)據(jù)
        alert(data)
      },
    });
  });
</script>
</body>
</html>

測(cè)試效果如下

django實(shí)現(xiàn)跨域請(qǐng)求的方法有哪些

感謝各位的閱讀！關(guān)于django實(shí)現(xiàn)跨域請(qǐng)求的方法有哪些就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

分享題目：django實(shí)現(xiàn)跨域請(qǐng)求的方法有哪些
文章起源：http://jinyejixie.com/article30/pgejso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、App設(shè)計(jì)、網(wǎng)站維護(hù)、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站設(shè)計(jì)、網(wǎng)站排名

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

django實(shí)現(xiàn)跨域請(qǐng)求的方法有哪些