html ajax 跨域6,AJAX | 跨域的基本知识、如何解决跨域问题

亦凉 2022-09-03 06:18 221阅读 0赞

AJAX跨域相关问题

HTML5学堂：AJAX跨域相关问题。在AJAX交互中，实现了网页的异步交互。但是，如果需要向非同域名下发送请求时，涉及到了AJAX跨域。本文主要讲解了跨域的解决方法。

![de190727eedc870a5329e9b2946ff12f.png][]

什么是跨域

跨域可以简单的理解为从一个域名访问另一个域名，出于安全考虑，浏览器不允许这么做。如：localhost/XXX和http://www.baidu.com。

跨域分为跨域和跨子域，如mp3.baidu.com和www.baidu.com

跨域解决办法

HTML5-服务器修改配置

最新的为HTML5解决方案。在服务器上进行少量修改，在服务器返回的头部信息里面，添加一个header。

JSONP

JSONP为当下常见的解决方案。它实际上是动态创建一个script标签，将请求的URL设置为这个标签的SRC。而非ajax访问。这种方式需要前端和后端代码都进行相应的修改和实现。不是特别理想。不过目前流行的框架，都封装了JSONP的实现，因此前端无需太大的改动。反而是后台需要多一步实现。

iframe

iframe也是比较常见的一种。通过动态创建iframe标签并访问url。却没有JSONP好使。

服务器代由

服务器代由访问：在A域要访问B域不可以，那就在A域的服务器上再加一个后台接口，由A域的JS AJAX访问A域提供的接口，然后后台再去访问B域，再将得到的数据返回给A域前端。这个方法对前端影响不大，后台会麻烦点。

Flash

FLASH，因为局限性比较大，这里就不一一介绍了

跨域demo实例

html>

H5course-HTML5学堂

var newScript = document.createElement("script");

newScript.src = "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=HTML5学堂&cb=update";

document.body.appendChild(newScript);

// 回调函数

function update(data) \{

console.log(data);

\}

[de190727eedc870a5329e9b2946ff12f.png]: /images/20220829/69f1639b690444e198b733b9b5c9cb9f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，221人围观）

还没有评论，来说两句吧...

相关阅读

相关 java ajax 跨域_解决ajax跨域访问问题

前端js: $.ajax(\{ url:'http://localhost/xxxx/test', //后台处理程序 async:true, type:'get',

末蓝、/ 2022年11月03日 10:53/ 0 赞/ 241 阅读

相关 html ajax 跨域6,AJAX | 跨域的基本知识、如何解决跨域问题

AJAX跨域相关问题 HTML5学堂：AJAX跨域相关问题。在AJAX交互中，实现了网页的异步交互。但是，如果需要向非同域名下发送请求时，涉及到了AJAX跨域。本文主要讲解了

亦凉/ 2022年09月03日 06:18/ 0 赞/ 222 阅读

相关 ajax跨域问题

什么是跨域？当A向B发起一个请求时，A和B之间，ip，端口，请求协议这三者只要有一个不同，那么就是跨域。一般情况下跨域是无法正常访问的。那么有时候就是想要跨域，那么怎么

系统管理员/ 2022年07月24日 07:09/ 0 赞/ 205 阅读

相关 ajax跨域问题

什么是Ajax跨域问题这里通过一个示例来说明。我们这里准备了2个Springboot工程。 crossdomain-server: 端口：8080 对外

╰半夏微凉°/ 2022年05月14日 02:54/ 0 赞/ 220 阅读

相关 ajax跨域问题

具体的跨域问题我之前也没有了解过之前就知道ajax 的json 改成jsonp 这次网上查了下汇中记录下目前比较业界比较常用的有三种解决办法： 1.代理 2.

客官°小女子只卖身不卖艺/ 2022年04月11日 13:56/ 0 赞/ 262 阅读

相关 ajax跨域

$.ajax(\{ type:"post", //请求方式 /\ async:true, \/ //

蔚落/ 2022年03月09日 13:06/ 0 赞/ 246 阅读

相关 ajax跨域

公司好多都需要系统进行配合，所以就使用了ajax跨域，至少目前来说，挺好用的。后台代码：多值： @RequestMapping("") @Res

野性酷女/ 2022年02月19日 04:21/ 0 赞/ 254 阅读

相关 Ajax 跨域

目录 > 1 URL的组成 > > 2 解决跨域的方式 > > 2.1 第一种：代理 > > 2.2 第三种：XHR2 > > 2.3 第三种：JSONP --

亦凉/ 2022年02月01日 01:29/ 0 赞/ 288 阅读

相关 Ajax跨域问题

1.什么是跨域? 　　　　跨域来源于JavaScript的"同源策略"，即只有协议+主机名+端口号 (如存在)相同，则允许相互访问。也就是说JavaScript只能访问

清疚/ 2021年12月10日 08:13/ 0 赞/ 347 阅读

相关 ajax跨域

JSONP(JSON with Padding)是[JSON][]的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一般来说位于 server1.ex

妖狐艹你老母/ 2021年09月16日 10:06/ 0 赞/ 441 阅读