Google字體 - 通過ajax獲取可用字體列表？

我需要獲取Google字體中所有可用字體的列表，並將其顯示在下拉列表中，但我無法理解Google字體的文檔。Google字體 - 通過ajax獲取可用字體列表？

這是我到目前爲止。

當我去這個在Web瀏覽器中，我得到了所有字體的JSON響應，如預期：

https://www.googleapis.com/webfonts/v1/webfonts?sort=popularity&key={my-key-here}

但是，當我阿賈克斯它，我得到這個在控制檯：

XMLHttpRequest cannot load https://www.googleapis.com/webfonts/v1/webfonts?sort=popularity&key={my-key-here}. Origin {domain} is not allowed by Access-Control-Allow-Origin.

順便說一下，我使用jQuery。試過$.ajax和$.getJSON。

經過一番谷歌搜索後，我意識到也許我需要使用webfont loader來檢索列表？好，夠公平的。所以我添加了腳本到頁面：

<script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script>

但那又怎麼樣？ API似乎只允許獲取和應用特定的字體，它並不實際返回任何數據，是嗎？

任何人都可以指向正確的方向或告訴我如何提出請求？解析返回的數據並在事後處理並不是什麼大不了的事情，但我無法弄清楚如何得到的數據。

來源

2012-12-13 qwerty

http://vivekdragon.wordpress.com/2012/12/07/google-font-api-for-select/本教程可以幫助你 – wandarkaf

得到它的工作。謝謝！ – qwerty

隨時樂意幫忙 – wandarkaf

-4

要檢索的谷歌網頁字體服務提供Web字體的動態列表，請發送以下要求：

https://www.googleapis.com/webfonts/v1/webfonts?key=YOUR-API-KEY

來源：谷歌的Web字體API - 開發者API

來源

2012-12-13 09:07:09 underscore

沒有冒犯，但你甚至讀過我的問題嗎？ – qwerty

顯然沒有讀過這個問題。 – Vik

好吧，我有同樣的問題，在新窗口打開URL本身工作正常，但它不作爲ajax請求。

你的AJAX/JSON請求是正確的：

https://www.googleapis.com/webfonts/v1/webfonts?key={my-key-here}

你不需要添加此行：

<script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script>

好像你因爲沒什麼谷歌服務器，而不是你的代碼。如果新創建API密鑰，或者您最近激活了您的web字體服務，給它幾分鐘，你將能夠使用你的web字體服務很快

只是爲了確認它爲您，請嘗試以下JSON請求，它完美的作品：

$(document).ready(function() { 
    $.getJSON('https://www.googleapis.com/webfonts/v1/webfonts?key=MY_API_KEY', function(response) { 
     //alert('json object fetched successfully!'); 
    }); 
});

來源

2013-03-02 14:43:12 evilReiko

Google字體 - 通過ajax獲取可用字體列表？

回答

相關問題