码迷,mamicode.com
首页 > Web开发 > 详细

如何用json 与jsonp 的区别去回答你的面试官?

时间:2018-07-15 17:36:20      阅读:428      评论:0      收藏:0      [点我收藏+]

标签:客户端   动态   code   运用   描述   浏览器   访问   另一个   例子   

常常 有面试官这样问我们,虽然用过无数次,但是回答不上岂不是尴尬,那我们浅析一下它们的区别?

1. json

JSON是一种基于文本的数据交换格式,用于描述复杂的数据,举个例子:
var nax=[
{
"id":"001",
"sex":"男",
"age":20
},
{
"id":"002",
"sex":"女",
"age":21
},
{
"id":"003",
"sex":"男",
"age":19
}]

console.log(nax[0].id); //001
console.log(nax[1].sex); //女
JSON其实应用得很广泛,不难理解,但是JSONP就很容易被误解了, 以为跟JSON一样,实际上是两个不同的东西

2. jsonp

JSONP就是一个跨域交互协议,可以理解为,JSONP约定了JSON的这个数据怎样进行传递。
跨域是指从一个域名去请求另一个域名的资源,我们知道,如果直接用AJAX请求的时候,由于浏览器同源策略的存在,很容易产生跨域问题,同源策略是指域名、协议、端口均相同,如果不同则视为跨域请求,跨域请求一律都是不行的。

想要跨域请求资源,除非我们运用js的特性:script标签中的链接可以访问跨域的js文件,于是跨域服务器可以这样做,它把客户端需要的数据动态包装成js文件然后提供给客户端请求。这种数据传递方式慢慢就形成了一种传输协议,这就是JSONP了

如何用json 与jsonp 的区别去回答你的面试官?

标签:客户端   动态   code   运用   描述   浏览器   访问   另一个   例子   

原文地址:https://www.cnblogs.com/panax/p/9313970.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!