VUE中json的使用

VUE中json的使用,第1张

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。

JSON 是 JS 对象的字符串表示法,它使用文本表示一个 JS 对象的信息,本质是一个字符串。

分析一下json的结构,首先你的数据结构是个对象。

取对象里面的值可以直接对象点属性。

例如objchild,

也可以对象[属性],

例如obj["child"]

然后是属于,例如chapter_list,

属于取值是通过索引的,例如现在,图上打开的是第一个索引,也就是0,取值方法如下

chapter_list[0]

了解了取值方法就可以通过不断的下探,获取自己想要的值了。

打印出后台从数据库中查询出的数据,发现字段是完整的,并无缺失;打印JSON字符串,发现缺少字段,定位到问题入口;查看JSONtoJSONString()方法后,并未发现异常;将该模块的所有文件重新审阅一遍后发现,实体类Userjava中有个布尔类型的成员变量的get方法不对头;这就导致JSON将User对象转换成json字符串时,无法通过反射获取到其state字段,最终给前端的json数据也就没有该字段。

更系统全面的学习资料,

处理方法,重写实体类User的get、set方法并检验,确保不再出错。重启后,测试显示正常。查看后台支持的编码格式和前端axios发送过去的的编码格式是否一致。不一致就会出现跨域问题。至于为什么也不明白,可能是浏览器认为不一致的编码就是跨域也可能就是浏览器的bug。Vue请求后端数据的方法,首先在api文件夹下,建立接口js文件;然后确定baseURL和url后缀;最后输入需要获取数据的代码即可。

你是拿哪个变量接收的返回数据

比如如果你使用变量叫res接收的的话,如果向获取里面的pid的话,针对这条数据,就是

resdata[0]pid

因为data是个数组,虽然这里面只有一个元素

这样试试呢?不过还是建议老老实实看文档。newVue({el:'#post_from2',ready:function(){varself=this;this$>

this$>

以上就是关于VUE中json的使用全部的内容,包括:VUE中json的使用、vue data中的值怎么取,如图、vue获取数据跟浏览器不一致等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9710007.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存