Chrome扩展:远程api并解析接收到的JSON数据
Chrome Extension: remote api and parse the received JSON data
我正在做一个chrome扩展,它调用远程API,我需要读取JSON数据,但它无法解析数据?Jquery应该包含在manifest属性的"background:"中吗?如果是,如何?"http://ajax.googleapis.com/ajax/libs/lquery/1.11.0/jquery.min.js"
manifest.json
{
"manifest_version": 8,
"name": "Getting started example",
"description": "This extension shows a Google Image search result for the current page",
"version": "1.0",
"browser_action": {
"default_icon": "icon.png",
"default_title": "p",
"default_popup": "popup.html"
},
"background": {
"scripts": ["background.js"]
},
"content_scripts": [
{
"matches": ["http://*/*", "https://*/*"],
"js": [ "myscript.js"]
}
],
"icons": {
"64":"icon.png"
},
"permissions": [
"http://domain.com/*"
]
}
background.js
var xhr = new XMLHttpRequest();
xhr.open("GET", "http://domain.com/api/path", false);
xhr.send();
var result = xhr.responseText;
//var result = eval('(' + xhr.responseText + ')');
alert(result);//work print json data
alert(result.results[1].url);// does not work
收到json数据
{"results":[
{"name":"Academic","url":"http:'/'/www.rapidintellect.com'/AEQweb'/"},{"name":"Academy","url":"http:'/'/aocrj.org'/"}
]} {"results":[
{"name2":"Academic","url":"http:'/'/www.rapidintellect.com'/AEQweb'/"},{"name2":"Academy","url":"http:'/'/aocrj.org'/"}
]}
您可以使用JSON.parse
函数将JSON解析为JavaScript中的Object
:
var result = JSON.parse(xhr.responseText);
alert(result.results[0].url);
不过,我不确定您最初的Ajax请求是否有效。
考虑到您使用jquery标记了这个问题,我们可以简化Ajax请求,并自动解析JSON:
$.ajax({
type: 'GET',
url: 'http://example.com/...',
dataType: 'json',
}).success(function(result){
alert(result.results[1].url)
});
或者,由于这是一个简单的GET请求,您可以使用更简单的方法:
$.getJSON('http://example.com/...', function(result){
alert(result.results[1].url)
});
相关文章:
- 无法使用变量访问数据 JSON
- 使用 ng-repeat解析不均匀数据/ json对象
- 在没有jsonp的情况下从另一个域获取数据(json格式)
- 如何获取带参数的数据json
- 如何在android中显示实时雅虎金融股票数据..json格式如下所示
- 使用 JavaScript 将数据 json 显示到网页中
- 高位图表来源于API数据(JSON)
- 使用动态数据json初始化同位素
- Django:将数据JSON从视图传递给javascript
- 存储配置数据 (json)
- 未捕获的SyntaxError:意外的标识符图像数据json
- 接收数据json/jquery
- Jquery数据表数据json
- 不能在cakephp中使用数组数据json
- 在不锁定浏览器的情况下,将大数据JSON从REST请求反序列化为对象
- 如何读取数据JSON格式数组的字符串数据
- 我有一个流星应用程序,需要从/public/_assets/results/mmresults读取数据.Json文件,在
- 数据json不显示在html
- 使用2个下拉列表创建2个并排的表行来比较数据- JSON
- 需要将复杂的json对象转换为合适的angularjs UI树数据json结构