json入门


传输格式的应用:数据从前端传送到后端,需要先将前端的数据格式转换成字符串,传给后端再转换成数据格式。
为什么转换成字符串?
除了文本和二进制数据,其他的数据都无法传输,都要转成 json,即使是一个字符串,也要转 json 特有的结构,这样才可以被另一端使用了 json 解析器的程序正确读取。

一、了解json

json是数据传输格式,是轻量级的文本数据交换格式。JSON 是存储和交换文本信息的语法,类似 XML。

JSON 比 XML 更小、更快,更易解析。

1.与XML相同之处

JSON 是纯文本
JSON 具有"自我描述性"(人类可读)
JSON 具有层级结构(值中存在值)
JSON 可通过 JavaScript 进行解析
JSON 数据可使用 AJAX 进行传输

2.与XML不同之处

没有结束标签
更短
读写的速度更快
能够使用内建的 JavaScript eval() 方法进行解析
使用数组
不使用保留字

3.为什么使用json

对于 AJAX 应用程序来说,JSON 比 XML 更快更易使用:

使用 XML
读取 XML 文档
使用 XML DOM 来循环遍历文档
读取值并存储在变量中

使用 JSON
读取 JSON 字符串
用 eval() 处理 JSON 字符串

二、使用json对象

1.-json.stringify() 将数据结构转换成json格式字符串

        var arr=[100,"shuzu",true];
        var str=JSON.stringify(arr);

2.-json.parse() 将json格式字符串转换成数据结构

需要注意:字符串最好是用单引号,不然会出现不出结果的可能

        var str='[100,"shuzu",true]';   
        var arr=JSON.parse(str);

        alert(arr[1]);
        

三、JSONP

JSONP是 json的一种使用模式,可以从别的域名网站读取数据,即跨域读取数据。
为什么访问其他域名数据需要JSONP,进行跨域读取,这是因为同源策略,这是一种安全策略,支持js的浏览器都支持同源策略。

1.同源策略

ajax只能下载同源数据,跨源的数据禁止下载。
1.同协议
2.同域名、ip
3.同端口

2.跨源的方式

1.直接修改ajax请求头协议,不建议
2.委托php文件,进行跨域。把数据送到本域名
3.通过JSONP跨域

jsonp实现
通过src属性的特性去获取
1.先创建传输数据的文件,写一个方法将数据作为参数放入其中
在这里插入图片描述
2.在js里先写一个一样的方法,设置形参,然后再下面通过src属性引入文件
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值