javascript를 사용하여 json 형식으로 yahoo finance에서 주식 시세를 가져옵니다.

Question

yahoo api에서 주식 시세를 얻으려고했습니다. 쿼리에 대한 내 입력은 (텍스트 필드의) 주식 시세 표시 자일뿐입니다. 버튼을 클릭하면 배경 JavaScript 메서드 "getprice()"가 호출됩니다. 내가이 여기

function getprice() 
{ 
    var symbol = $('#stockquote').val(); 


    var url = "http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.quotes%20where%20symbol%20in%20(%22"+symbol+"%22)%0A%09%09&env=http%3A%2F%2Fdatatables.org%2Falltables.env&format=json"; 

    $.getJSON(url, function (json) 
    { 

     var lastquote = json.query.results.quote.LastTradePriceOnly; 
     $('#stock').text(lastquote); 

    }); 
} 

$('#stock').text(lastquote); 

"재고"과 같은 자바 스크립트 코드가 나는 주어진 시세의 LastTradePriceOnly을 표시 할 텍스트 필드입니다.

출력이 나타나지 않습니다. 디버깅도 오류를 표시하지 않습니다. 이 문제와 관련하여 제안 사항을 얻을 수 있습니까?

Answer 1

시도해보십시오.

function getData() { 
    var url = 'http://query.yahooapis.com/v1/public/yql'; 
    var symbol = $("#symbol").val(); 
    var data = encodeURIComponent("select * from yahoo.finance.quotes where symbol in ('" + symbol + "')"); 

    $.getJSON(url, 'q=' + data + "&format=json&diagnostics=true&env=http://datatables.org/alltables.env") 
     .done(function (data) { 
      $('#result').text("Price: " + data.query.results.quote.LastTradePriceOnly); 
     }) 
     .fail(function (jqxhr, textStatus, error) { 
      var err = textStatus + ", " + error; 
      console.log('Request failed: ' + err); 
     }); 
} 

Here 나는 또한 실습 예제를 추가했습니다.

Answer 2

이이 경우에 AngularJS와에 어떻게하는지 당신이 그것을 필요로 :보기에

: 컨트롤러에서

<section ng-controller='StockQuote'> 
    <span>Last Quote: {{lang}}, {{lastTradeDate}}, {{lastTradeTime}}, {{lastTradePriceOnly}}</span> 
</section><br> 

: 주식 심볼 이름은 서비스 방법에 $의 scope.ticker_name을 통해 전달됩니다 'getData.getStockQuote'. 서비스에서

appModule.controller('StockQuote', ['$scope', 'getData', 
function($scope, getData) { 
    var api = getData.getStockQuote($scope.ticker_name); 
    var data = api.get({symbol:$scope.ticker_name}, function() { 
     var quote = data.query.results.quote; 
     $scope.lang = data.query.lang; 
     $scope.lastTradeDate = quote.LastTradeDate; 
     $scope.lastTradeTime = quote.LastTradeTime; 
     $scope.lastTradePriceOnly = quote.LastTradePriceOnly; 
    }); 
}]); 

: 당신이 yahooapis.com 도메인에서 자바 스크립트를 호스트하지 않는

appModule.service('getData', ['$http', '$resource', function($http, $resource) { 
    // This service method is not used in this example. 
    this.getJSON = function(filename) { 
     return $http.get(filename); 
    }; 
    // The complete url is from https://developer.yahoo.com/yql/. 
    this.getStockQuote = function(ticker) { 
     var url = 'http://query.yahooapis.com/v1/public/yql'; 
     var data = encodeURIComponent(
      "select * from yahoo.finance.quotes where symbol in ('" + ticker + "')"); 
     url += '?q=' + data + '&format=json&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys'; 
     return $resource(url); 
    } 
}]);