如何使用jQuery從URL中抓取數據列表

Question

我需要使用以下網址從以下網址中抓取json數據： https : //www.google.com/finance/info? q = NSE:NIFTY。 一旦擔心，我需要將這些值從受尊敬的鍵傳遞給實時更新的html表。 我對此真的很陌生。.所以請任何人都可以幫助我解決這個問題。

我也嘗試用ajax解決相同的問題。我對這個前端工作還很陌生，所以請幫我解決這個問題。

Answer 1

網址傳回JSONP物件。 您可以使用jQuery的ajax函數將數據作為javascript對象接收並對其進行進一步的處理...

$.ajax({
    url: "https://www.google.com/finance/info?q=NSE:NIFTY",
    dataType: "jsonp",
    success: function(response) {
        if (response.length) {
            for (i = 0, l = response.length; i < l; i++) {
                // example, log property 't' of each entry to the console
                console.log(response[i].t);
            }
        }
    }
});

工作示例。

Answer 2

您將必須瀏覽數據並為其生成html。

您可以使用jquery的getJSON函數來獲取數據

$.getJSON('https://www.google.com/finance/info?q=NSE:NIFTY&callback=?', function(data){
     console.log(data[0]);
 });

由於它是一個jsonp我們需要在url中添加callback參數