首页json文件读取和显示

定义div

<div id="showdata">
</div>

jq读取

 var url="python/datajson.json";
        var request = new XMLHttpRequest();
        request.open("get",url);
        request.send(null);
        request.onload = function () {
            if (request.status == 200) {
                var json = JSON.parse(request.responseText);
                var htmlstr = "";
                htmlstr+="<h4>交通:"+json['status']+"</h4></br>";
                htmlstr+="<h4>温度:"+json['temperature']+"</h4></br>";
                htmlstr+="<h4>天气:"+json['weather']+"</h4></br>";
                htmlstr+="<h4>风级:"+json['windpower']+"</h4></br>";
                htmlstr+="<h4>推荐指数:"+json['total']+"</h4></br>";
                console.log(htmlstr);
                document.getElementById("showdata").innerHTML = htmlstr;
                console.log(json);
            }
        }