查询某个城市天气的一段js编码(一般不同源的话是无法访问数据的)

//同源:当两个接口的协议,域名,端口号都相等时,这两个接口是同源的,只要有一个条件不相等,则非同源。不是同源的两个页面不能互相访问本地缓存、不能互相修改dom节点、不能使用ajax请求对方接口数据

//jsonp本质:利用script标签中的src属性可以加载任意文件的特性,通过这个属性来访问数据接口(添加一个回调函数作为参数),而数据接口会返回一个由回调函数名包裹的json数据,从而达到获取跨域数据的目的

//  http://wthrcdn.etouch.cn/weather_mini?city=北京

var xhr;

if(window.XMLHttpRequest){

xhr = new XMLHttpRequest()

}else{

xhr = new ActiveXObject()

}

xhr.open('GET','http://wthrcdn.etouch.cn/weather_mini?city=大同',true)

xhr.send(null)

xhr.onreadystatechange = function(){

if(xhr.readyState == 4 && xhr.status ==200)

alert(xhr.responseText)

}

//JSONP 利用script标签访问外部服务器中的数据,从而绕开同源策略对ajax请求数据的限制

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • AJAX 原生js操作ajax 1.创建XMLHttpRequest对象 var xhr = new XMLHtt...
    碧玉含香阅读 3,288评论 0 7
  • 看到标题时,有些同学可能会想:“我已经用xhr成功地发过很多个Ajax请求了,对它的基本操作已经算挺熟练了。” 我...
    前端渣渣阅读 5,799评论 1 12
  • Ajax和XMLHttpRequest 我们通常将Ajax等同于XMLHttpRequest,但细究起来它们两个是...
    changxiaonan阅读 2,294评论 0 2
  • 本博客转自:「作者:若愚链接:https://zhuanlan.zhihu.com/p/22361337来源:知乎...
    韩宝亿阅读 2,798评论 0 3
  • ajax作为前端开发必需的基础能力之一,你可能会使用它,但并不一定懂得其原理,以及更深入的服务器通信相关的知识。在...
    萧玄辞阅读 844评论 0 0