// 获取json数据,目前主流浏览器和手机浏览器都兼容 var getJSON = function(url, type) { type = type || 'get'; return new Promise(function(resolve, reject) { var xhr = new XMLHttpRequest(); xhr.open(type, url, true); xhr.responseType = 'json'; xhr.onload = function() { var status = xhr.status; if (status == 200) { resolve(xhr.response); } else { reject(status); } }; xhr.send(); }); };
// 我们这样使用 getJSON('/forum.php?mod=hot&page=' + page).then(function(data) { // Do something you want }, function(status) { console.log('Something went wrong, status is ' + status); });
// 获取jsonp数据我们可以这样 function insertReply(content) { document.getElementById('output').innerHTML = content; } // create script element var script = document.createElement('script'); // assing src with callback name script.src = 'http://url.to.json?callback=insertReply'; // insert script to document and load content document.body.appendChild(script);
//如果上面的不支持,说明浏览器没有promise对象,可使用callback的方式:
var getJSON = function(url, success, error) { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState === XMLHttpRequest.DONE) { if (xhr.status === 200) { if (success) success(JSON.parse(xhr.responseText)); } else { if (error) error(xhr); } } }; xhr.open('GET', url, true); xhr.send(); }; loadJSON('my-file.json', function(data) { console.log(data); }, function(xhr) { console.error(xhr); } );
相关推荐
json-formatter, 使 json/jsonp易于阅读 JSON格式化程序当你在浏览器选项卡中访问 in'直接'时,很好的打印JSON和tmodel的Chrome 扩展。特性JSONP支持快速,即使在长页面上有效的JSON页面- URL不重要语法高亮显示带有...
对应我的文章json和jsonp格式数据返回
json-viewer, 它是用于打印JSON和JSONP的Chrome 扩展 JSON查看器 你的眼睛所见过的最漂亮和可以定制的json/。 它是用于打印JSON和JSONP的Chrome 扩展。注释:这里扩展可能会与其他JSON萤火虫/格式化程序发生碰撞,你...
Jsonp 关键字详解及json和jsonp的区别,ajax和jsonp的区别.docx
基于原生PHP写的一套完整的IP转地址模块,支持自动获取IP,也支持查询指定IP,同时支持输出json、jsonp、txt、xml、js等多种IP和地址格式,还可以细分为国家、省、市、地区,方便在各种系统里整合与调用。...
详解JSON和JSONP劫持以及解决方法.docx
NULL 博文链接:https://8366.iteye.com/blog/744057
有关json与jsonp的区别(json才是目的,jsonp只是手段)介绍如下所示: ...json易于人阅读和编写,也易于机器解析和生成,相对网络传输速率较高,功能型网站前后端往往要频繁大量交换数据,而json凭借其强大
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,用于在浏览器和服务器之间交换信息。 JSONP(JSON With Padding),就是打包在函数调用中的的JSON(或者包裹的JSON)。 JSON是一种数据...
主要介绍了Jsonp 关键字详解及json和jsonp的区别,ajax和jsonp的区别 的相关资料,需要的朋友可以参考下
「JSON与JSONP的区别」.docx「JSON与JSONP的区别」.docx
html通过 ajax jsonp跨域请求接收和传送数据 使用HTML页面与后台跨域交互,获得后台数据或传输数据给后台
1.json与jsonp的引入 在ajax中 JSON用来解决数据交换问题,而JSONP来实现... 2) Javascript原生支持,后台语言几乎全部支持; 3) 轻量级数据格式,占用字符数量极少,特别适合互联网传递; 4) 可读性较强,虽然比不上
JSON to JSONP- Bypass Same-Origin Policy
中文转换拼音,支持带或不带声调,支持把ü替换为v等任意字符,支持过滤标点符号,支持使用任意符号做连接符,同时支持json、jsonp、text、xml、js等多种输出格式 使用方法 参考实例文件:examples/examples.php ...
利用JQuery jsonp实现Ajax跨域请求 .Net 的*.handler 和 WebService,返回json数据
这是一个Chrome扩展程序,用于打印JSON和JSONP。 笔记: 此扩展名可能与其他JSON荧光笔/格式化程序一起崩溃,您可能需要禁用它们 要突出显示本地文件和隐身标签,您必须在扩展页面上手动启用这些选项 有时,当...
chrome json viewer插件;支持json/jsonp;格式化查看api接口返回的数据;测试、开发必备插件,你值得拥有~
json与jsonp知识小结(推荐).docx