文章目录
- 1、JSONP 的缺点
- 2、跨域(jsonp,ajax)
- 3、如何实现跨域
- 4、dom 是什么、你的理解
- 5、关于 dom 的 api 有什么
1、JSONP 的缺点
JSON 只支持get,因为script 标签只能使用get 请求;
JSONP 需要后端配合返回指定格式的数据。
jsonpajax_7">2、跨域(jsonp,ajax)
JSONP:ajax 请求受同源策略影响,不允许进行跨域请求,而script 标签src 属性中的链接却可以访问跨域的js 脚本,利用这个特性,服务端不再返回 JSON 格式的数据,而是返回一段调用某个函数的js 代码,在src 中进行了调用,这样实现了跨域。
3、如何实现跨域
JSONP:通过动态创建script,再请求一个带参网址实现跨域通信。
document.domain + iframe 跨域:两个页面都通过 js 强制设置document.domain 为基础主域,就实现了同域。
location.hash + iframe 跨域:a 欲与b 跨域相互通信,通过中间页 c 来实现。
三个页面, 不同域之间利用 iframe 的location.hash 传值,相同域之间直接 js 访问来通信。
window.name + iframe 跨域:通过iframe 的src 属性由外域转向本地域,跨域数据即由iframe 的window.name 从外域传递到本地域。
postMessage 跨域:可以跨域操作的window 属性之一。
CORS:服务端设置Access-Control-Allow-Origin 即可,前端无须设置,若要带 cookie 请求,前后端都需要设置。
代理跨域:起一个代理服务器,实现数据的转发
4、dom 是什么、你的理解
文档对象模型(Document Object Model,简称 DOM),是W3C 组织推荐的处理可扩展标志语言的标准编程接口。
在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就称为DOM。
5、关于 dom 的 api 有什么
节点创建型api,页面修改型API,节点查询型 API,节点关系型 api,元素属性型api, 元素样式型api 等