首页 前端知识 解决 SyntaxError:Unexpected end of JSON input 或 Unexpected token u in JSON at position 0 问题

解决 SyntaxError:Unexpected end of JSON input 或 Unexpected token u in JSON at position 0 问题

2024-06-18 23:06:18 前端知识 前端哥 1002 489 我要收藏

1、报错原因

JSON 接收的数据不完整,或者数据格式不符合要求,如 undefined
复制

2、JSON 数据格式要求 

1JSON文件都是被包裹在一个大括号中 {},通过key-value的方式来表达数据。
2JSONKey必须包裹在一个双引号中,在实践中,编写 JSON 的时候,忘了给 Key 值加双引号或者是把双引号写成单引号是常见错误。
3JSON的值只能是以下几种数据格式,其他任何格式都会触发报错,例如 JavaScript 中的 undefined
1)数字,包含浮点数和整数
2)字符串,需要包裹在双引号中
3)布尔值,true 或者 false
4)数组,需要包裹在方括号中 []
5)对象,需要包裹在大括号中 {}
6null
7)其它类型,如日期,(JSON)本身不支持,应该由解析器/客户端处理转换为字符串
4、对象或数组每个成员后面必须跟一个逗号,如果它不是最后一个的话
5JSON.parse() 不允许用逗号作为结尾
复制

3、解决方法

对象/数组先要通过JSON.stringify转化为字符串再通过encodeURIComponent编码,接收时,先通过decodeURIComponent解码再通过JSON.parse转换为JSON格式的对象/数组
复制
// 跳转页面传输数据
toChildrenDetails(e) {
let data = e.currentTarget.dataset.info
if (data) {
var info = {
name: data.name,
sex: data.sex,
href: data.face_image,
number: data.number,
age: data.age
}
wx.navigateTo({
url: './children-details/children-details?data=' + encodeURIComponent(JSON.stringify(info))
})
} else {
wx.showToast({
title: '数据为空!',
icon: 'none'
})
}
},
复制
// 接收数据
onLoad: function (options) {
this.setData({
info: JSON.parse(decodeURIComponent(options.data))
})
},
复制

转载请注明出处或者链接地址:https://www.qianduange.cn//article/12720.html
标签
评论
还可以输入200
共0条数据,当前/页
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!