异步请求之ajax

异步请求之ajax

一、初识ajax

1.-引入jQuery　　

function submitJsonp1() { var tag = document.createElement('script'); tag.src = ' $(document.head).append(tag); document.head.removeChild(tag); } function list(arg) { console.log(arg); } function submitJsonp2() { $.ajax({ url:' type:'GET', dataType:'jsonp', jsonp:'callback', jsonpCallback:'函数', }) }

jsonp

缺点：只能处理get请求

九、CORS实现跨域

跨域错误信息

Failed to load No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'is therefore not

原理：返回信息的时候加上一个特殊的响应头

django实现：在中间件中加一个响应头

中间件配置：api.cors

from django.utils.deprecation import MiddlewareMixinclass CORSMiddleware(MiddlewareMixin): """ cors跨域实现简答请求 跨域：向不同域名或端口不同的地址发送请求） """ def process_response(self, request, response): # 添加响应头 # 允许你的域名来获取我的数据 response['Access-Control-Allow-Origin'] = "*" # 允许你携带Content-Type请求头 response['Access-Control-Allow-Headers'] = "Content-Type" # 允许你发送DELETE,PUT response['Access-Control-Allow-Methods'] = "DELETE,PUT" return response

settings添加配置

MIDDLEWARE = [ 'django.middleware.security.SecurityMiddleware', 'django.contrib.sessions.middleware.SessionMiddleware', 'django.middleware.common.CommonMiddleware', 'django.middleware.csrf.CsrfViewMiddleware', 'django.contrib.auth.middleware.AuthenticationMiddleware', 'django.contrib.messages.middleware.MessageMiddleware', 'django.middleware.clickjacking.XFrameOptionsMiddleware', 'api.cors.CORSMiddleware',]

作者：​​张亚飞​​​ ​​ gitee：​​​https://gitee.com/zhangyafeii​​​

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。