前后端ajax交互数组和对象的使用:
数组:
前端数据结构:
list: []
后端数组给前端list数组赋值:
this.list = res.queryResult.list;
后台数据结构:
queryResult:{
"list": [
{"siteId": "5a751fab6abb5044e0d19ea1",
"pageId": "5a754adf6abb500ad05688d9",
"pageName": "index.html"
},
{"siteId": "5a751fab6abb5044e0d19ea1",
"pageId": "5a795ac7dd573c04508f3a56",
"pageName": "index_banner.html"
}] }
理解:定义一个新的数组,将后台查询到的数组内容赋值给当前新的数组,
新数组中没数据,数组存数组肯定可以存放啊
使用场景:查询所有
对象:
前端数据结构:
user: {}
后端对象给前端user对象赋值:
this.user= res.queryResult.list.user;
后台数据结构:
user:
{
"id":123,
"name":"小万"
}
定义一个新的对象,将后台查询到的对象内容赋值给当前新对象
使用场景:根据id查询当前用户
总结:数组给数组赋值不会改变内容结构,只是替换了新数组中的内容。因为它们的数据结构一致,对象也是 对应数组结构:数组:[] 对象:{}