🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 1、代理方式实现跨域请求 ![](https://img.kancloud.cn/67/9d/679dfb6400f8d2ad82ac412845a080a4_563x171.png) 发送Ajax请求的时候,请求本网站的php文件,让本网站的php文件去请求另外网站的内容。 Ajax网站:09daili.html ![](https://img.kancloud.cn/fd/57/fd5725f7738342b71705676368acb32f_603x208.png) Ajax网站:09daili.php ![](https://img.kancloud.cn/d6/5e/d65e6bf4b90f815c74985eca7d036203_641x136.png) JS网站:09daili.php ![](https://img.kancloud.cn/2b/fe/2bfea6c112e983cc5b77e7ea7ceea114_561x87.png) # 2、CORS方式实现跨域请求 需要在被请求的网页中设置:Access-Control-Allow-Origin。 IE9+支持。 如使用Ajax网站的文件去请求JS网站的文件内容,需要在JS网站中设置CORS头。 Ajax网站:10cors.html ![](https://img.kancloud.cn/10/e6/10e61c815b728af91350b2432bac1f28_790x193.png) JS网站:10cors.php ![](https://img.kancloud.cn/6a/14/6a14c360812dcb4b3dc172783dd35242_973x487.png) # 3、使用JSONP技术实现跨域请求 Jsonp(JSON with Padding) 是 json 的一种"使用模式",通俗的讲,jsonp可以通过html标签中的src属性可以访问另外域的内容,可以让网页从别的域名(网站)那获取资料,即跨域读取数据。 # 4、小练习--跨域请求天气信息 接口地址:http://www.weather.com.cn/data/sk/101010100.html