javaScript

来源：互联网发布：java调用go语言编辑：程序博客网时间：2024/05/19 01:30
自执行函数：
(function(){})())
ａｊａｘ＋ｊｓｏｎｐ
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>{% block title %} welcome  {% endblock %}</title>    <style>        .page_head{            height: 48px;            background-color: dodgerblue;        }        .page_body{            height: 550px;            width: auto;            background-color: beige;        }        .page_foot{            height: 50px;            width: auto;            background-color: dodgerblue;        }        .memu{            float: left;            width: 150px;            height: 545px;            background-color: gainsboro;            border: 1px solid palegoldenrod;            overflow :auto        }        .memu a{            display: block;            text-decoration: none;            padding: 5px 10px;            margin: 5px 10px;        }        .content{            position:relative;            width: auto;            height: 545px;            overflow :auto;        }    </style></head><body><div>    <div class="page_head">        <div class="page_head_memu">            <url>                <li></li>                <li></li>                <li></li>            </url>        </div>        <div>-</div>    </div>    <div class="page_body">        <div class="memu">            <a href="/shouye/">首页</a>            <a href="/userinfo/">用户</a>            <!--            <a href="#">设备信息</a>            <a href="#">设备监控</a>            <a href="#">业务监控</a>            -->        </div>        <div class="content">            <!--<span>首页</span>-->            <!--            <span>用户</span>            -->            {% block content %}            {% endblock %}        <button onclick="func1()">提交</button>        </div>    </div>    <div class="page_foot"></div></div></body><script src="/static/jquery-2.1.4.min.js"></script><script>    function func1() {        $.ajax({            url : "http://www.jxntv.cn/data/jmd-jxtv2.html",            type:"GET",            dataType:"jsonp",        }        )    }    function list(e) {        console.log(e["data"]);        var obj=e["data"];        $.each(obj,function () {            console.log($(this));            //console.log($(this)[0]["week"])            var weekend=$(this)[0]["week"];            $(".content").append("<p>"+weekend+"</p>");            var show_list=$(this)[0]["list"];            $.each(show_list,function () {                //console.log($(this)[0]["name"])                var name=$(this)[0]["name"];                var link=$(this)[0]["link"];                $(".content").append("<p><a href='"  +link  +    "'>" + name+"</a></p>")            })        })    }</script></html>
0 0