问解析json对象并在wordpress php小部件中实时显示

EN

{
"status": "ok",
"totalResults": 2,
"articles": [
    {
        "source": {
            "id": "cooking-recepie",
            "name": "cooking recepie"
        },
        "author": "cooking recepie Staff",
        "title": "lamb steak",
        "description": "fffffffffffffffffffffff.”",
        "url": "http://www.cooking-recepie.net/node/116605",
        "urlToImage": "https://www.cooking-
recepie.net/sites/default/[type]/[nid]/conte-1801-cap-epa.jpg",
        "publishedAt": "2018-02-02T01:00:00Z"
    },
    {
        "source": {
            "id": "cooking-recepie",
            "name": "cooking recepie"
        },
        "author": "cooking recepie Staff",
        "title": "Igghhhhhhhhhhhhhhhhhhhh?",
        "description": "yhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh.",
        "url": "http://www.cooking-recepie.net/116598/inter-push-lautaro-
 martinez",
        "urlToImage": "https://www.cooking-recepie.net/sites/[nid]/Martinez-
 Lautaro-Arg-epa_0_0.jpg",
        "publishedAt": "2018-02-02T01:00:00Z"
    }
    ]
}

 $val){
echo 'data:'.$data->$key->$val.'
';  
echo 'key:'.$key.'
';
echo 'val:'. $val.'
';
}


 }


 }
?>

data:
key:status
val:ok
data:
key:totalResults
val:2
data:
key:articles
val:Array