js解析json字符串报错解决方案(带有转义字符的json字符串)

JavaScript015

js解析json字符串报错解决方案(带有转义字符的json字符串),第1张

场景:从后台请求回来的数据中带有json格式的字符串,需要处理成json对象才能进行操作。JSON.parse():        使用JSON.parse方法来解析json字符串。    报错:      Uncaught SyntaxError: Unexpected token } in JSON at position 30                Uncaught SyntaxError: Unexpected token ' in JSON at position 1           这种报错是由于,json字符串的格式有问题,json字符串中对象的最后一个元素后面不可以再加','逗号了。比如'{ "name": "cxh", "sex": "man",}'使用JSON.parse()就会报错,而且 在json字符串中键值对需要用双引号引起来。 解决方案:使用eval()() 报错:SyntaxError: Unexpected token e in JSON at position 1        由于请求回来的json中带有转义字符,所以才会报这个错误。解决方案:带有转义字符的json字符串使用json        json数据使用JSON.parse()有浏览器是不兼容JSON这个对象的,或者有的里面有JSON.parse解析不了的东西,所以暂时还是使用: eval("("+data+")")         json源数据字符有转义符应该是必须的,你要看解析出来后是否有多余的转义符json转字符串JSON.stringify总体效果还可以: 前导 0 和小数点报错:SyntaxError: JSON.parse: expected ',' or '}' after property value                                       SyntaxError: JSON.parse: unterminated fractional number                                     Uncaught SyntaxError: Unexpected number in JSON at position 25                                     Uncaught SyntaxError: Unexpected token } in JSON at position 26                                             数字不能用 0 开头,比如01,并且你的小数点后面必须跟着至少一个数字。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>New Document </TITLE>

<SCRIPT LANGUAGE="JavaScript">

var t="{'firstName': 'cyra', 'lastName': 'richardson', 'address': { 'streetAddress': '1 Microsoft way', 'city': 'Redmond', 'state': 'WA', 'postalCode': 98052 },'phoneNumbers': [ '425-777-7777','206-777-7777' ] }"

var jsonobj=eval('('+t+')')

alert(jsonobj.firstName)

alert(jsonobj.lastName)

var t2="[{name:'zhangsan',age:'24'},{name:'lisi',age:'30'},{name:'wangwu',age:'16'},{name:'tianqi',age:'7'}] "

var myobj=eval(t2)

for(var i=0i<myobj.lengthi++){

alert(myobj[i].name)

alert(myobj[i].age)

}

var t3="[['<a href=# onclick=openLink(14113295100,社旗县国税局桥头税务所,14113295100,d6d223892dc94f5bb501d4408a68333d,swjg_dm)>14113295100</a>','社旗县国税局桥头税务所','社旗县城郊乡长江路西段']]"

//通过eval() 函数可以将JSON字符串转化为对象

var obj = eval(t3)

for(var i=0i<obj.lengthi++){

for(var j=0j<obj[i].lengthj++){

alert(obj[i][j])

}

}

/*

//stringifier 函数的作用跟 parse 相反, 用来将一个js对象转换为 JSON 文本。

var jsonText = JSON.stringify(obj)

alert(jsonText)

//如果基于安全的考虑的话,最好是使用一个 JSON 解析器。 一个 JSON 解析器将只接受 JSON 文本。所以是更安全的。

var myObject = JSON.parse(myJSONtext, filter)

//可选的 filter 参数将遍历每一个value key 值对, 并进行相关的处理。如:

//如

myData = JSON.parse(text, function (key, value) {

return key.indexOf('date') >= 0 ? new Date(value) : value })

//stringifier 函数的作用跟 parse 相反, 用来将一个js对象转换为 JSON 文本。

var myJSONText = JSON.stringifier(myObject)

*/

</SCRIPT>

</HEAD>

<BODY>

</BODY>

</HTML>

然后就在append()中写页面elements,来存放你的json数据

例子:

for ( var i in elem) {

$("#whole").append("<div id='l" + i + "'>"

+"<img src='"+path + elem[i].photo+"' id='imgChild'><\/img>"

+ "<label id='Wname'>姓名:<\/label>"

+ "<span id='WnameConT'>" + elem[i].name + "<\/span>"

+ "<label id='age'>年龄 :<\/label>"

+ "<span id='ageConT'>" + elem[i].age

+ "<\/span><label id='Ptype'>贫困类别 :<\/label>"

+ "<span id='PtypeConT'>" + elem[i].type

+ "<\/span><label id='briefIntro'>情况简介:<\/label>"

+ "<span id='content'>" + elem[i].situation

+ "<\/span><label class='detailBgL'><\/label>"

+ " <label id='detail'>"

+ "<a href='" + path

+ "/alrdonordetailAction?id=" + elem[i].student_id

+ "'>详细>>><\/a><\/label><\/div>")

}