jsonp(跨域)-------可以运行的小实例!
来源:互联网 发布:犀牛mac破解版下载 编辑:程序博客网 时间:2024/06/01 10:45
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script></head><body><div id="divCustomers"></div><div id="divCustomers2"></div><script type="text/javascript"> //通过jquery的get方法实现跨域 $.get('https://ipinfo.io', function() {}, "jsonp").always(function(resp) { var countryCode = (resp && resp.country) ? resp.country : ""; countryCode = countryCode.toLowerCase(); $('#divCustomers').text(countryCode); localStorage.setItem('countryCode', countryCode); }); //通过jquery的ajax方法实现跨域 $.ajax({ type: "get", dataType:'jsonp', url:'https://ipinfo.io', success:function(resp){ var countryCode = (resp && resp.country) ? resp.country : ""; countryCode = countryCode.toLowerCase(); $('#divCustomers2').text(countryCode); localStorage.setItem('countryCode', countryCode); }, }); //通过原生javascript的封装的方法实现跨域 function jsonp(setting) { setting.data = setting.data || {}; setting.key = setting.key||'callback'; setting.callback = setting.callback||function(){}; setting.data[setting.key] = '__onGetData__'; window.__onGetData__ = function(data) { setting.callback (data); } var script = document.createElement('script'); var query = []; for(var key in setting.data) { query.push(key + '=' + encodeURIComponent(setting.data[key])); } script.src = setting.url + '?' + query.join('&'); document.head.appendChild(script); document.head.removeChild(script); } jsonp({ url: 'http://photo.sina.cn/aj/index', key: 'jsoncallback', data: { page: 1, cate: 'recommend' }, callback: function(ret) { console.log(ret) } });</script></body></html>
阅读全文
1 0
- jsonp(跨域)-------可以运行的小实例!
- 【跨域Jsonp】是否可以用jsonp完成跨域? nodejs发布的服务可以
- jsonp的使用实例
- 同源&跨域(jsonp原理 / jQuery 的 jsonp)
- 几个可运行的,可以说明问题的Ajax实例
- 进程地址空间的共享(可以实现一个程序只有一个实例运行)
- Java学习笔记-----Java操作数据库:可以运行的实例
- JSONP 实例
- JSONP实例
- JSONP实例
- jsonp实例
- jsonp实例
- JSONP实例
- php中jsonp的跨域实例
- php中jsonp的跨域实例
- php中jsonp的跨域实例
- PHP AJAX JSONP使用的实例
- php中jsonp的跨域实例
- Filter与Servlet的区别与联系
- git push 失败问题
- 平台与上游对账逻辑
- saas模式的外贸建站比较
- linux常用命令
- jsonp(跨域)-------可以运行的小实例!
- linux系统编程收集
- 实现背景透明,宽度可控的Dialog
- Linux中find常见用法示例
- 最短路径
- Picasso加载圆角图片
- 上传文件到luix系统
- pom文件详解
- java很好的一些面试问题