Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/237.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何使用AJAX将外部API中的数据解析为HTML_Php_Html_Json_Ajax_Wordpress - Fatal编程技术网

Php 如何使用AJAX将外部API中的数据解析为HTML

Php 如何使用AJAX将外部API中的数据解析为HTML,php,html,json,ajax,wordpress,Php,Html,Json,Ajax,Wordpress,我是wordpress的新手,几乎没有编码知识。我想从外部API获取一些数据,并在我的wordpress站点html区域中显示这些数据 以下是外部API: API包含很多细节。我不想要所有的。我只需要4,5个。。 (例如:本地\新\病例、更新\日期\时间、本地\总\病例、本地\死亡、本地\恢复) 详情如下: 以下是外部网站: 我使用stackoverflow创建了一些代码,但我不知道如何将一些数据解析到我的html区域。一些教程教学按钮事件。我不想要按钮单击事件 我创建了以下代码:(这意味着,我

我是wordpress的新手,几乎没有编码知识。我想从外部API获取一些数据,并在我的wordpress站点html区域中显示这些数据

以下是外部API:

API包含很多细节。我不想要所有的。我只需要4,5个。。 (例如:本地\新\病例、更新\日期\时间、本地\总\病例、本地\死亡、本地\恢复) 详情如下:

以下是外部网站:

我使用stackoverflow创建了一些代码,但我不知道如何将一些数据解析到我的html区域。一些教程教学按钮事件。我不想要按钮单击事件

我创建了以下代码:(这意味着,我从API获取了数据)

现在我想将API中的一些数据(例如:本地新案例、更新日期时间、本地总案例、本地死亡案例、本地恢复案例)解析为html代码。
怎么做?请帮助我拯救我的生命。谢谢。

您可以使用
响应获取数据。数据
并使用
值['something']
获取相应的值,如下所示:

var数据=”;
$(文档).ready(函数(){
getHealthData();
});
/**
*从API获取数据
**/
函数getHealthData(){
$.ajax({
键入:“获取”,
数据类型:“json”,
url:“https://www.hpb.health.gov.lk/api/get-current-statistical",
数据:{
操作:“获取数据”
},
成功:功能(响应){
//从服务器获取价值
var值=响应数据;
data=“local_total_cases:”+value['local_total_cases']+”
local_Deations:“+value['local_Deations']+”
local_new_Deations:“+value['local_new_Deations']+”
local_new_cases:“+value['local_new_Deations']+”; //使用id=“data”将值放入div $(“#数据”).html(数据); } }); }


Swati…它开始工作了…祝您有愉快的一天..亲爱的。。一个问题…,我能把它放在不同的地方吗?然后我可以用html美化,比如粗体,斜体,h2标记…等等,你可以放在不同的地方,你也需要根据这些修改你的代码。你是说data1,data2,data3,诸如此类?如果你不介意的话,你能更新代码吗…?参见
update1
我已经做了更改,我还添加了一个示例,即:你可以为任何html标记赋值,错误应该来自
php
代码。我对此不太了解。我建议你就这个问题提出不同的问题。
var data;
$( document ).ready(function() {
    getHealthData();
});
/**
*Gets data from API
**/
function getHealthData(){
 $.ajax({
             type : "GET",
             dataType : "json",
             url : "https://www.hpb.health.gov.lk/api/get-current-statistical",
             data : {action: "get_data"},
             success: function(response) {
                   alert(response);
             data= response.data;

                }
        });   
}