美文网首页tips
yahoo提供的jsonp代理

yahoo提供的jsonp代理

作者: xlayzheng | 来源:发表于2017-09-29 17:59 被阅读35次

引入js文件

<script type="text/javascript" src="http://ajax.cdnjs.com/ajax/libs/json2/20110223/json2.js"></script>

js部分

$(function(){
    $.getJSON("http://query.yahooapis.com/v1/public/yql", {
    q: "select * from json where url=\"http://m.weather.com.cn/data/101010100.html\"",
    format: "json"
}, function(data) {
    if (data.query.results) {
        console.log(JSON.stringify(data.query.results));
    } else {
        console.log('no such code: ' + code);
    }
});

http://m.weather.com.cn/data/101010100.html 是访问的一个天气数据,根据需要替换成自己的目标接口。

上例用到JSON.stringify()把得到的对象解析成了字符串

还有一个JSON.parse()用于从一个字符串中解析出json对象

      • 用JSON.parse()时单引号写在{}外,每个属性名都必须用双引号,否则会抛出异常。

测试几次后发现:返回的data不直接等于接口里面的数据,需要向下到data.query.results才能得到比较接近原数据的对象,不过也有情况还要向下找。需要多console.log()检查。

相关文章

  • yahoo提供的jsonp代理

    引入js文件 js部分 http://m.weather.com.cn/data/101010100.html 是...

  • 跨域

    解决跨域方法:jsonp,代理,cors jsonp实现原理:动态创建script标签 ,因为script中的sr...

  • js中代理模式

    典型例子 jsonP用过代理,实现跨域交互

  • AJAX和JSONP请求

    同源策略:端口 域名 协议相同 跨域解决CORS代理请求方式jsonp JSONP流程:动态创建script标签,...

  • Ajax之跨域

    代理 JSONP可用于解决主流浏览器的跨域数据访问的问题jquery自带只支持GET XHR2HTML5提供的XM...

  • 用JSONP抓取数据

    jsonp,vue,前端很多网站都是用jsonp传输数据的,可以抓取这些数据。提供一个封装好的jsonp方法。首先...

  • 跨域

    解决跨域访问,最常用有三种办法 CORS jsonp 代理 CORS cross origin resource ...

  • 浏览器跨域问题,教你手写实现jsonp跨域

    跨域概述为什么会有跨域跨域解决办法:1、jsonp;2、后台代理手写实现jsonp跨域(包括服务器端代码) 跨域问...

  • 同源策略与跨域

    跨域就是违背了同源策略解决跨域的方法有:jsonp,cors和服务器代理

  • 百度相关搜索效果

    1. 效果 2. 原理 jsonp 事件代理 window.open() 3. 实现代码 html css js

网友评论

    本文标题:yahoo提供的jsonp代理

    本文链接:https://www.haomeiwen.com/subject/wwziextx.html