首页 > 其他分享 >jquery-一行代码解决跨域问题 | 不支持post请求

jquery-一行代码解决跨域问题 | 不支持post请求

时间:2022-11-21 15:07:56浏览次数:70  
标签:jquery 跨域 json getJSON callback ajax post 请求

问题

平时我们在开发时遇到的跨域问题,后台暂不给解决时,我们一般可以用vue代理(node)、nginx反向代理等方式来解决

但是当项目要上线的时候,这些问题将又会出现

就比如,自制的一个简单项目,只需要对请求数据并进行可视化,不需要进行后台的交互,仍旧会出现跨域问题

jquery-一行代码解决跨域问题 | 不支持post请求_跨域问题

(就是盗用别人的api接口数据,自己用o(╥﹏╥)o)

jquery-一行代码解决跨域问题 | 不支持post请求_json_02

jquery的geoJSON请求,将轻松解决这个get请求的跨域问题

$.getJSON()

​jQuery.getJSON(url, [data], [callback])​

$.getJSON("https://gwpre.sina.cn/interface/news/ncp/data.d.json?mod=city&citycode=CN44130000000000&_=1668326261870&callback=?", function(json){ console.log(json) });

jquery-一行代码解决跨域问题 | 不支持post请求_json_03

超级nice!!!

ajax本身是不可以跨域的

通过产生一个script标签来实现跨域,因为script标签的src属性是没有跨域的限制的

其实设置了dataType: 'jsonp'后,$.ajax方法就和ajax XmlHttpRequest没什么关系了,取而代之的则是JSONP协议。

而​​$.geoJSON​​方法就是对上面方法的一个简单封装

JSONP是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问。

箴言:因为这些东西是非常简单的。不要抱怨自己学不会,那是因为你没有足够用心。



标签:jquery,跨域,json,getJSON,callback,ajax,post,请求
From: https://blog.51cto.com/echohye/5873931

相关文章

  • 使用nginx反向代理解决跨域问题,处理携带JSON请求体的POST请求前置预检请求跨域问题
    直接上nginx配置:location/api/{proxy_set_headerAccess-Control-Allow-Origin*;proxy_set_headerAccess-Control-Allow-Methods'GET,POST,OPTIONS';proxy_......
  • 轻松学习jQuery事件和动画
    ✅作者简介:热爱国学的Java后端开发者,修心和技术同步精进。......
  • 统一网关Gateway、路由断言工厂、路由过滤器及跨域问题处理
    目录​​一、搭建网关服务​​​​二、路由断言工程RoutePredicateFactory​​​​三、路由过滤器​​​​四、全局过滤器GlobalFilter​​​​过滤器执行顺序​​​​五......
  • postgis怎么存储z值?
    Postgis中坐标有几种的,最常见的是二维坐标xy。三维坐标,指带高程的z,即xyz,这也好理解。难以理解的是M,m是测量值,例如,假设一条道路长2公里,m为0.5时,点是在线的中点。那么......
  • postman接口测试工具汉化教程
    1.汉化包地址 https://github.com/hlmd/Postman-cn/releases?page=1下载对应版本下的app.zip解压后放到postman安装路径下的版本号目录下的resources文件夹中  2.......
  • 跨域问题
      django解决跨域的问题使用django-cors-headers库MIDDLEWARE=['django.middleware.security.SecurityMiddleware','django.contrib.sessions.middlew......
  • Jquery
    <scripttype="text/javascript"> //1.等着页面DOM加载完毕再去执行js代码 //$(document).ready(function(){ // $("#title").hide(); //}) //2.等着页......
  • jquery知识
    资料:https://blog.csdn.net/qq_40976321/article/details/90552297https://blog.csdn.net/weixin_45082647/article/details/107370397 jQuery介绍   JQuery是......
  • 探探PostgreSQL开发规约
    探探PostgreSQL开发规约0x00背景没有规矩,不成方圆。PostgreSQL的功能非常强大,但是要把PostgreSQL用好,需要后端、运维、DBA的协力配合。 本文针对PostgreSQL数据库......
  • zblogphp GetPostList()与GetArticleList()的区别
    GetArticleList()与 GetPostList()获取文章列表的逻辑大差不差,区别在于:GetArticleList()只会查询 log_Type=0的文章,也就是只查询post_type=0的文章,返回的列表全是\P......