Я изо всех сил пытался получить вывод в таблицу HTML из файла Json и API, который я использовал из rapidapi, но я не получаю никакого вывода и никаких ошибок для код. Есть ли какая-то ошибка? Кто-нибудь, пожалуйста, помогите !!!
$.getJSON(settings).done(function(response){
console.log(response) });
Это дает лог на консоль .. но другое дело не ... почему? Я пытался получить вывод в течение 2 дней, но не смог.
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title> Title </title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script type="text/javascript">
$(function(){
var settings = {
"async": true,
"crossDomain": true,
"url": "rapidapi_url",
"method": "GET",
"headers" :{
"x-rapidapi-host": "API_url",
"x-rapidapi-key": "my_api_key"
}
};
$.getJSON(settings, function(data){
$.each(data.country_stats, function(i, f){
console.log(i);
console.log(f);
var tblrw = "<tr>" + "<td>" + value.country_name + "</td>" + "<td>" + value.cases + "</td>" + "<td>" + value.deaths + "</td>" + "<td>" + value.region + "</td>" + "<td>" + value.total_recovered + "</td>" + "<td>" + value.new_deaths + "</td>" + "<td>" + value.new_cases + "</td>" + "<td>" + value.serious_critical + "</td>" + "<td>" + value.total_cases_per_1m_population + "</td>" + "</tr>"
$(tblrw).appendTo("#tablerw tbody");
});
});
var tblrw = "<tr>" + "<td>" + value.country_name + "</td>" + "<td>" + value.cases + "</td>" + "<td>" + value.deaths + "</td>" + "<td>" + value.region + "</td>" + "<td>" + value.total_recovered + "</td>" + "<td>" + value.new_deaths + "</td>" + "<td>" + value.new_cases + "</td>" + "<td>" + value.serious_critical + "</td>" + "<td>" + value.total_cases_per_1m_population + "</td>" + "</tr>";
$(tblrw).appendTo("#tablerw tbody");
});
</script>
</head>
<body>
<table class="table table-bordered" id="tablerw">
<thead>
<th>Country name</th>
<th>cases</th>
<th>Deaths</th>
<th>Region</th>
<th>Total Recovered</th>
<th>New Deaths</th>
<th>New cases</th>
<th>Serious/Critical</th>
<th>Total cases per 1m</th>
</thead>
<tbody >
</tbody>
</table>
</body>
</html>