首页 / AJAX / ajax跨域终极解决办法！
ajax跨域终极解决办法！
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了ajax跨域终极解决办法！，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1160字，纯文字阅读大概需要2分钟。
内容图文
在使用 ajax 的时候，往往需要通过 ajax 跨域请求一些？
但是 XMLHTTPRequest 是不支持跨域的，所以产生了 JSONP 这个东西来解决跨域，当然解决跨域的方式有很多种....
第一种解决跨域：
<
script
type
=‘text/javascript‘
>
(
function
(window){
//
AJAX获取界面信息
$(
function
(){
$.ajax({
//
豆瓣API接口
url:
‘
http://api.douban.com/v2/movie/in_theaters?count=2
‘
,
dataType:
"
jsonp
"
,
jsonp:
"
callback
"
,
success:
function
(data){
console.log(data);
}
});
});
})(window);
</
script
>
这种解决跨域的方式，能够解决一些常规的业务逻辑，但是如果请求：天气的API接口就会有问题
url:‘http://www.weather.com.cn/data/sk/101010100.html‘
第二种解决跨域：
可以再本地的服务器上获取其他服务器的信息，在通过ajax请求本地服务来实现：
<?php header("content-type:text/html;charset=utf-8"); //php代理获取天气信息 //跨域请求 //天气预报接口 $url = "http://www.weather.com.cn/data/sk/101010100.html"; $cont = file_get_contents($url); echo$cont; ?>
接下来使用 ajax 去请求本地的这个PHP文件即可：
<
script
type
=‘text/javascript‘
>
$(
‘
input.submit
‘
).click(
function
(){
$.ajax({
url:
"
weather.php
"
,
async:
true
,
success:
function
(result){
eval(
"
var info=
"
+
result);
console.log(info[
‘
weatherinfo
‘
][
‘
city
‘
]);
}
});
});
</
script
>
还有其他的方式来解决跨域，同样是通过JSONP的方式，我们可以自己编写JSONP文件，来解决跨域问题：
原文：http://www.cnblogs.com/e0yu/p/7232892.html
内容总结
以上是互联网集市为您收集整理的ajax跨域终极解决办法！全部内容，希望文章能够帮你解决ajax跨域终极解决办法！所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。