一、什么是跨域
二、如何解決跨域
1.前端常用 JSONP
2.服務器端配置 HTTP 協議的 header 解析
三、JSONP實現的實例
<!DOCTYPE html> <html> <head> <title>jsonp跨域test</title> </head> <body> <script type="text/javascript"> function res (r) { //定義回調函數接收返回結果 console.log(r) } </script> <script src="./api.json?callback=res">
//? 之前為請求的路徑
//? 之后 callback 可縮寫為 cb，值為回調函數的名稱
</script> </body> </html>
請求的 json文件內容如下：
res({"data":"js"})
去瀏覽器打開 html 文件，打開控制台，效果如下：
