ajax渲染数据问题

数据是自己写的db.json然后用json-server运行的,ajax可以打印出来,渲染不上去
$(function(){

$.ajax({    url:"http://localhost:3000/users",    type:"get",    data:{},    dataType:"json",    success: function(data){        let str = "";        for (var i = 0; i < data.length; i++) {            console.log(data[0].name)
            str+="<tr>"
                    +"<td>data[i].name</td>"
                    +"<td>'+data[i].age+'</td>"
                    +"<td>'+data[i].phone+'</td>"
                    +"<td>'+data[i].email+'</td>"
                    +"<td>'+data[i].education+'</td>"
                    +"<td>'+data[i].profession+'</td>"
                  +"</tr>"
        };
        $('tbody').append(str)
    },    error:function(data){
        alert('error')
    }
})

})

https://img1.mukewang.com/5c90d0300001157508000263.jpg

慕丝7291255
浏览 510回答 2
2回答

阿晨1998

应该是字符串连接问题str+="<tr>"+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"<td>"&nbsp;+&nbsp;data[i].name&nbsp;+&nbsp;"</td>"&nbsp;+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"<td>"&nbsp;+&nbsp;data[i].age&nbsp;+&nbsp;"</td>"&nbsp;+&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"<td>"&nbsp;+&nbsp;data[i].phone&nbsp;+&nbsp;"</td>"&nbsp;+&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"<td>"&nbsp;+&nbsp;data[i].email&nbsp;+&nbsp;"</td>"&nbsp;+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"<td>"&nbsp;+&nbsp;data[i].education&nbsp;+&nbsp;"</td>"&nbsp;+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"<td>"&nbsp;+&nbsp;data[i].profession&nbsp;+&nbsp;"</td>"&nbsp;+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"</tr>"

FFIVE

'<tr>\&nbsp;&nbsp;&nbsp;&nbsp;<td>'+data[i].name+'</td>\&nbsp;&nbsp;&nbsp;&nbsp;<td>'+data[i].age+'</td>\&nbsp;&nbsp;&nbsp;&nbsp;<td>'+data[i].phone+'</td>\&nbsp;&nbsp;&nbsp;&nbsp;<td>'+data[i].email+'</td>\&nbsp;&nbsp;&nbsp;&nbsp;<td>'+data[i].education+'</td>\&nbsp;&nbsp;&nbsp;&nbsp;<td>'+data[i].profession+'</td>\&nbsp;&nbsp;</tr>'
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5