国に関する情報を表示する簡単なAPIを使用しようとしています。 var apiCall
では、URLの最後に国をハードコードすることができ、getJSON
メソッドは意図したとおりに機能し、情報を表示します。getJSON、呼び出し前にAPIコールのurl変数を変更する
var apiCall = "https://restcountries.eu/rest/v1/name/england";
$.getJSON(apiCall, function(data){
$("#country").html("Country Name: " + data[0].name + " - " + data[0].alpha2Code);
$("#capital").html("Capital: " + data[0].capital);
$("#region").html("Region: " + data[0].region + " - " + data[0].subregion);
...
私は、ユーザー入力で、その後の国の名前を追加したい:
HTML:
<input type="text" placeholder="Country Name" id="inputText"></input>
<button id ="searchButton"> Search </button>
JS
var inputText = $("#inputText");
var apiCall = "https://restcountries.eu/rest/v1/name/";
$("#searchButton").click(function(){
return apiCall = apiCall + inputText.val();
});
を代わりにリターンの私はconsole.log
を行う場合は、ユーザーのタイプが"eの場合、最初に動作するような文字列が得られますngland」は、その後、私が取得する 『https://restcountries.eu/rest/v1/name/england』私はそう$("#searchButton").click(function(){}
が実際にapiCall
の値を変更し、その新しい値で再びgetJSON
実行を作る何ができるか
$.getJSON(apiCall, function(data){
$("#country").html("Country Name: " + data[0].name + " - " + data[0].alpha2Code);
$("#capital").html("Capital: " + data[0].capital);
$("#region").html("Region: " + data[0].region + " - " + data[0].subregion);
...
?
api urlをビルドした後、clickイベント内の 'getJSON'を呼び出します。 – Developer