首页 >web前端 >js教程 >在ajax中用josnp接收josn数据步骤详解

在ajax中用josnp接收josn数据步骤详解

php中世界最好的语言
php中世界最好的语言原创
2018-03-30 16:43:271906浏览

这次给大家带来在ajax中用josnp接收josn数据步骤详解,在ajax中用josnp接收josn数据的注意事项有哪些,下面就是实战案例,一起来看一下。

最近在做查快递网页时遇到一个问题,调用的快递100的api,但是快递100api不允许跨域请求,就是用127.0.0.1发的请求会直接被拦截。

只是个简单的网页,不想自己做服务器转发,最后找到了一个yahoo提供的jsonp代理:

http://query.yahooapis.com/v1/public/yql

var queryUrl = "\"http://www.kuaidi100.com/query?type=" + $("#type").val() + "&postid=" + $("#postid").val() + "\"";
    $.ajax({
     url: 'http://query.yahooapis.com/v1/public/yql', //jsonp代理api
     dataType: "jsonp",
     data: {
      q: "select * from json where url=" + queryUrl,
      format: "json"
     },
     success: function(result) {
      var res = result.query.results.json;
      console.log(res);
      }
     },
    })
   });

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

ajax结合mysql数据库实现局部数据刷新

Web与AJAX的安全性能

以上是在ajax中用josnp接收josn数据步骤详解的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn