=Start=
缘由:
前端新手学习、整理一些简单的JavaScript知识,方便以后参考。
正文:
参考解答:
1.JSON.stringify()
console.log(JSON.stringify(response)); # 使用 JSON.stringify 将json对象解析成字符串 console.log(JSON.stringify(response, null, 2)); # pretty-print
如何将JSON.stringify()的输出优雅的打印在一个div中?
将解析后的内容放在 <pre> 标签内即可。参考:http://stackoverflow.com/questions/16862627/json-stringify-output-to-div-in-pretty-print-way。
2.JSON.parse()
var data = JSON.parse(response); # 使用 JSON.parse 将对象解析成JavaScript对象 console.log(data);
3.jQuery.parseJSON()
jQuery.parseJSON()函数用于将格式完好的JSON字符串转为与之对应的JavaScript对象。 所谓"格式完好",就是要求指定的字符串必须符合严格的JSON格式,例如:属性名称必须加双引号、字符串值也必须用双引号。 如果传入一个格式不"完好"的JSON字符串将抛出一个JS异常,例如:以下字符串均符合JSON格式,但它们不是格式完好的JSON字符串(因此会抛出异常): // 以下均是字符串值,省略了两侧的引号,以便于展现内容 {id: 1} // id是属性名称,必须加双引号 {'id': 1} // id是属性名称,必须用双引号(不能用单引号) {"name": 'CodePlayer'} // name属性的值是字符串,必须用双引号(不能用单引号)
参考链接:
- http://stackoverflow.com/questions/17364091/parse-json-response-using-jquery
- http://stackoverflow.com/questions/14478127/parse-json-response-got-from-ajax-request-through-javascript
- http://stackoverflow.com/questions/17496348/jquery-parse-json-on-ajax-success
- http://stackoverflow.com/questions/4162749/convert-js-object-to-json-string
- http://stackoverflow.com/questions/4810841/how-can-i-pretty-print-json-using-javascript
- http://stackoverflow.com/questions/2614862/how-can-i-beautify-json-programmatically
- http://stackoverflow.com/questions/3515523/javascript-how-to-generate-formatted-easy-to-read-json-straight-from-an-object
- http://stackoverflow.com/questions/16862627/json-stringify-output-to-div-in-pretty-print-way
- http://www.365mini.com/page/jquery_parsejson.htm
=END=
《 “在Ajax中使用jQuery解析返回的json对象” 》 有 3 条评论
JSON:如果你愿意一层一层剥开我的心,你会发现…这里水很深——深入理解JSON
https://apriltail.com/2017/03/25/json-ru-guo-ni-yuan-yi-yi-ceng-yi-ceng-bo-kai-wo-de-xin-ni-hui-fa-xian-zhe-li-shui-hen-shen-shen-ru-li-jie-json/
ajax请求的 CORS 限制
https://stackoverflow.com/questions/20035101/why-does-my-javascript-get-a-no-access-control-allow-origin-header-is-present
`
以下方法任选其一:
①禁用 Chrome 的Web安全限制;
②使用 jsonp (但是需要对接口的返回内容格式做修改);
③使用 第三方站点对请求做重新路由 以规避同源策略的限制;
④目标站点关闭CORS安全限制;
`
Using CORS
https://www.html5rocks.com/en/tutorials/cors/
重定向 CORS 跨域请求
https://harttle.land/2016/12/30/cors-redirect.html
Htcap – 一款通过拦截 ajax 调用和 DOM 修改的方式进行 Web 应用扫描的工具
https://github.com/fcavallarin/htcap
`
Htcap是一种web应用程序扫描程序,能够通过截获ajax调用和DOM更改以递归方式爬行单个页面应用程序(SPA)。Htcap不仅仅是另一个漏洞扫描器,因为它关注的是爬行过程,它的目标是检测和拦截ajax/fetch调用、websockets、jsonp等。它使用自己的fuzzers和一组外部工具来发现漏洞,它被设计成一个工具,用于手动和自动地对现代web应用程序进行渗透测试。
`