![](/img/trans.png)
[英]Access to fetch at 'https://randomuser.me/api/?results=4' from origin 'http://localhost:3000' has been blocked by CORS policy:
[英]Output capitalized names from randomUser.me api?
如果這不是問這個問題的合適平台,請原諒我。 而且,我要說一下我是一位很少有API和javascript經驗的設計師。
我正在使用randomUser api生成可以在Invision的Craft工具中輸入的json文件或url,以便在我的設計中輸入真實數據。 https://screencast.com/t/jAkwUpUja2 。 但是,它以小寫形式而不是標題大寫/大寫。
我通過在瀏覽器中鍵入所需的端點來生成JSON: https : //screencast.com/t/E8Cmjk5XSSCk
因此,有沒有辦法強制api給我大寫的名字? 謝謝!
編輯:這是JSON網址: https : //randomuser.me/api/? results = 20& nat = us&inc = name,gender,picture&format = pretty
據我所知,這是用JS大寫字符串的最簡單方法:
// let's assume, that you have stored the lastname as follow:
let last = 'rodney';
要轉換姓氏,請應用以下模式:
let capitalizedLast = last[0].toUpperCase() + last.substr(1);
last[0]
返回字符串r
的第一個字母。
last.substr(1)
給出其余的odney
使用toUpperCase()
您可以轉換第一個字母,而+
則將兩者都連接為最終結果。
您只需要對API的結果進行說明,然后以這種方式轉換所需的元素。
快速瀏覽文檔表明,可能沒有辦法使API直接返回大寫的名稱。 因此,您將必須編寫一些JavaScript才能為您完成這項工作。
此代碼應將所有名稱大寫的數據打印到控制台。
它遍歷結果數組中的項目,遍歷該項目的name
屬性的所有屬性並將其大寫。
capitalize
函數獲取名稱的第一個字符,將其轉換為大寫字母,並將其附加到名稱的其余部分。
function capitalize(text) { return (!text || !text.length) ? text : (text[0].toUpperCase() + text.slice(1)); } $.get("https://randomuser.me/api/?results=20&nat=us&inc=name,gender,picture&format=pretty", function(data) { if (!data || !data.results) return; data.results.forEach(function(user) { if (user.name) { for (var name in user.name) { user.name[name] = capitalize(user.name[name]); } } }); console.log(data); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.