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

亦凉 2022-09-03 06:18 275阅读 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 条评论，275人围观）

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

相关阅读

相关 ajax解决跨域

JSONP <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-

本是古典何须时尚/ 2023年10月06日 17:20/ 0 赞/ 72 阅读

相关 ajax-跨域

ajax只能获取同源地址下的数据，是实现不了访问别人服务器的数据的。同源：协议相同，域名相同，端口相同。（端口80是可以省略不写的。）跨域：作用是获取非同源地址下的数据

灰太狼/ 2023年07月07日 08:13/ 0 赞/ 144 阅读

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

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

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

相关 ajax 跨域html,html ajax访问webapi 跨域(示例代码)

一、为什么会出现跨域问题出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的

Dear 丶/ 2022年09月03日 06:23/ 0 赞/ 244 阅读

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

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

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

相关 ajax跨域问题

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

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

相关 ajax跨域

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

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

相关 ajax跨域

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

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

相关 Ajax 跨域

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

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

相关 ajax跨域

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

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