浏览器大战：AJAX 跨域请求乱象揭秘

AJAX 跨域请求：制霸浏览器大战的奇葩报错

在前端开发的江湖中，AJAX 跨域请求一直是开发者们津津乐道的话题。这个不起眼的报错——“No ‘Access-Control-Allow-Origin‘ header is present on the requested resource”——往往让初出茅庐的开发者们头疼不已。

一、跨域请求的江湖恩怨

何谓跨域？简单来说，就是当一个网页向与自己不在同一片域（协议、主机、端口）的服务器发起请求时，就会触发跨域限制。

AJAX 技术的强大之处就在于它可以跨域访问数据，从而实现更丰富多样的网页功能。但由于浏览器的同源策略，为了保护用户数据安全，AJAX 跨域请求会受到严格限制。

二、浏览器大战：同源策略下的跨域请求

同源策略规定了网页只能访问来自相同源的资源，一旦检测到跨域请求，浏览器就会毫不犹豫地将其扼杀在摇篮中。这正是导致“No ‘Access-Control-Allow-Origin‘ header is present on the requested resource”错误的罪魁祸首。

三、跨越藩篱：解决 AJAX 跨域请求的良方

面对浏览器的层层阻挠，开发者们可不是坐以待毙的主儿。为了解决 AJAX 跨域请求的问题，他们想出了各种各样的奇招妙计。

1、JSONP：跨域请求的垫脚石

JSONP（JSON with Padding）是一种非常古老但行之有效的跨域请求技巧。它利用