tag请求数据

标签管理

<!-- 顶部导航 -->

<div class="container">
    <div class="row">
        <span>TAG标签管理</span>
        <hr>
    </div>
    <div class="row">
        <form action="" class="form-inline">
            <div class="col-md-10">
                <input type="text" name="" id="" class="form-control">
            </div>
            <div class="col-md-2">
                <button class="btn btn-default">添加</button>
            </div>
        </form>
    </div>
    <div class="row">
        <div class="col-xs-12">

        </div>
    </div>
</div>

<script src='./js/jquery.min.js'></script>
<script src='./js/bootstrap.min.js'></script>
<script>
    $(function(){
        //请求数据
        $.ajax({
            url:"http://localhost:3000/tag",
            type:"GET",
            success:function(res){
                if(res.status===200){
                    const data =res.data;
                    let html="";
                    for (let index = 0; index < data.length; index++) {
                        const element = data[index];
                        html+=element.text+'&nbsp&nbsp;';
                    }
                    $(".col-xs-12").html(html);
                }
                console.log(res);
            },
            error:function(err){
                //输出错误信息 
                console.log(err);
            }
        })
    })
</script>

scss .form-inline{ .form-control{ width: 100%; } }