调用网站并获取JSON信息

时间:2013-10-30 19:19:01

标签: javascript html json

我对使用API​​的javascript以及如何调用网站和获取信息都没有太多经验。我以前在Java中使用HTTP对象等完成了这项工作。我试图创建一个应用程序,用户可以输入公司股票名称,如APPL,并获取大量的数据,如收益,损失,变化等。这应该不是那么难。我有一个html / javascript文件,其中包含股票名称的输入文本框。这部分很容易。但是,在通过串联将库存名称添加到URL的末尾之后,我不知道如何进行调用并获取JSON信息。有一些例子说明如何在我正在使用的网页中以其他语言执行此操作但不适用于javascript。我正在使用此链接作为教程:

 http://digitalpbk.com/stock/google-finance-get-stock-quote-realtime

到目前为止,这是我的javascript代码:这可能很简单。对此的任何帮助将不胜感激,并且将来很高兴知道。

script type="text/javascript">

var submitButton = document.getElementById("submitButton");
submitButton.addEventListener('click', actionPerformed, false);

function actionPerformed(e)
{

    var textValue = document.getElementById("stockTextBox").value;
    var urlEncoded = "http://finance.google.com/finance/info?client=ig&q=NASDAQ:" + textValue.toString();


    for (var i = 0, len = urlEncoded.length; i < len; ++i) {
     var object = urlEncoded[i];
     confirm(object.toString());
 }

}


</script>

我刚刚找到了以下使用HTTP GET的代码并尝试了但是当我点击提交按钮时没有任何反应。关于做什么或做错什么的任何建议???

 function httpGet(theUrl)
    {
    var xmlHttp = null;

    xmlHttp = new XMLHttpRequest();
    xmlHttp.open( "GET", theUrl, false );
    xmlHttp.send( null );
    return xmlHttp.responseText;
    }
哇,这比我预期的要多得多。这是我在雅虎财务代码中使用的URL字符串。我可以在浏览器中导航到它,它就像一个魅力。对于我的生活,我无法理解为什么这不起作用。

var urlEncoded = "http://www.finance.yahoo.com/webservice/v1/symbols/" + textValue.toString() + "/quote?format=json";

1 个答案:

答案 0 :(得分:2)

你可以尝试jQuery,谷歌和下载它。 它是一个javascript框架,使事情变得更简单。

$.get( "http://yourur.com/file.php?parameter1=value1&parameter2=value2", function( data ) {
    //data now contains whatever it loaded from server
    console.log("Loaded from server :", data);
}, "json");