我正在尝试使用 getJSON 和 YQL 解析 YAHOO 数据
连接运行良好,我检索了可以查看的数据并将其记录到控制台,但是我无法将数据打印到我正在使用的 JSP 页面中。我已经使用了这里接受的答案:
http://jsbin.com/umuri5/1/edit
收效甚微。这是我的 JSP:
<%@page import="p.build.classes.p.*"%>
<!DOCTYPE JSP>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>untitled</title>
<style type="text/css">
body { text-align: center; }
</style>
</head>
<body onLoad="gova();">
<div id="container">
</div>
<table id="userdata" border="1">
<thead>
<th>Change</th>
</thead>
<tbody></tbody>
</table>
<script id="userTemplate" type="text/x-jquery-tmpl">
<tr>
<td>${Change}</td>
</tr>
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="https://raw.github.com/jquery/jquery-tmpl/master/jquery.tmpl.min.js" type="text/javascript" charset="utf-8"></script>
<script src="scripts/script.js"></script>
<script type="text/javascript">
function gova() {
requestCrossDomainJSON(
'yahoo.finance.quote',
function(results) {
var i, t = $('#userTemplate'), tbody = $('#userdata tbody');
// console.log(data.query.results);
for (var i = 0; i < results.userdata.length; i++) {
t.tmpl(results.userdata[i]).appendTo(tbody);
}
}
);
return false;
}
</script>
</body>
</html>
这是我的脚本 script.js:
function requestCrossDomainJSON( site, callback ) {
if ( !site ) {
alert('No site was passed.');
return false;
}
var yql = 'http://query.yahooapis.com/v1/public/yql?q=select%20Change%20from%20' + site + '%20where%20symbol%20in%20(%22YHOO%22)&format=json&diagnostics=true&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&callback=?';
// Request that YSQL string, and run a callback function.
// Pass a defined function to prevent cache-busting.
function cbfunc(data) {
console.log(data);
// If we have something to work with...
if ( ! data.error && data.query.results) {
// If the user passed a callback, and it
// is a function, call it, and send through the data var.
if ( typeof callback === 'function') {
callback(data.query.results.json);
}
}
// Else, Maybe we requested a site that doesn't exist, and nothing returned.
else throw new Error('Nothing returned from getJSON.');
}
// Request that YQL string, and run a callback function.
// Pass a defined function to prevent cache-busting.
$.getJSON( yql, cbfunc );
// console.log(data.query.results);
};
错误发生在以下行:
for (var i = 0; i < results.userdata.length; i++) {
t.tmpl(results.userdata[i]).appendTo(tbody);
}
控制台说它无法读取未定义的属性用户数据。由于 JQuery 模板已贬值,我是否应该使用更好的方法将此数据导入我的页面?如果这仍然是我遇到的问题的有效解决方案,如果调用 JSON 的结果在提供的功能。我也尝试过使用 HTML 文件代替 JSP。
先感谢您。