json数据无法渲染到浏览器

来源:3-8 案例初始化渲染数据

慕仔8415870

2021-08-21 15:01

const fs = require('fs')

 var data = fs.readFileSync('./data/list.json')

  data = JSON.parse(data)


  var list = data.splice(body.page * body.count,body.count)

  ctx.body = {

    errcode:0,

    errmsg:'ok',

    list

  }

  // ctx.body = 'ok'

})



js数据

 <script id="tpl-sportsList" type="text/html">

        {{each list}}

                    <li>

                        <div class="sports-list-text">

                            <p>

                                {{$value.title}}

                            </p>

                            <p>

                                <span>{{$value.comment}}评</span>

                            </p>

                        </div>

                        <div class="sports-list-img">

                            <img src="{{$value.img}}" alt=""/>

                        </div>

                    </li>  

        {{/each}}

    </script>

    <script>

        var sportsList = document.querySelector('.sports-list')

        var xhr = new XMLHttpRequest()

        xhr.onload = function(){

            if(xhr.status == 200){

                // console.log(xhr.responseText)

                var data = JSON.parse(xhr.responseText)

                if(data.errcode == 0){

                    sportsList.innerHTML = template('tpl-sportsList',data)

                }

            }

        }

        xhr.open('POST','/index',true)

        xhr.setRequestHeader('Content-Type','application/json')

        xhr.send(JSON.stringify({"page" : 0,"count" : 10}))

    </script>




写回答 关注

1回答

  • 慕仔8415870
    2021-08-21 15:17:11

    这个地方有问题,运行时,弹出2,具体怎么解决还不清楚 

    if(xhr.status == 200){

    alert(1)

    }else{

    alert(2)

    }


    西门老舅

    走2的话,说明响应有问题,查看一下 xhr.status打印什么值

    2021-08-29 22:47:44

    共 1 条回复 >

Ajax实战案例之列表渲染

Ajax入门到实战,并完成《Ajax实战案例之列表渲染》。

8322 学习 · 34 问题

查看课程

相似问题