第八周

Posted 2021-06-21 韦德·沃兹

jq操作的学习

引用jq

    <script type="text/javascript" src="./js/jquery-3.5.1.min.js"></script>

使用先准备

$(document).ready(function (){
}）;

中间如果想页面加载就调用的函数，可以设置成这样

    $(function () {
    });

也可以直接打进去。

jq使用request读取json数据

　　　　 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);
            }
        }

设置点击事件

    $("#btn1").click(function(){
        alert("Text: ");
    });

此时如果还有不适用jq的函数，需要放在

$(document).ready(function (){

});
之外写