Javascript—XHR/AJAX/跨域

1. XHR 是XMLHttpRequest简写,是实现AJAX的一种方式。

具体学习发展历程:http://www.cnblogs.com/gaojun/archive/2012/08/11/2633891.html

W3C学习实例:http://www.w3school.com.cn/xml/xml_http.asp

2.AJAX stands for Asynchronous Javascript and XML.

学习例子:https://segmentfault.com/a/1190000004322487#articleHeader3

3.跨域

学习:http://www.cnblogs.com/chopper/archive/2012/03/24/2403945.html

看了上面的网页,还是有点迷糊。故事大致是这样的,XHR可以异步发送请求,而不刷新整个页面。在发送请求的时候会出现“No 'Access-Control-Allow-Origin'”的错误,原因是请求了跨域的资源。这个时候就要有解决办法了:

方法一:JSONP,是JSON Padding的略称。它是一个非官方的协议,它允许在服务器集成Script tags返回客户端,通过javascript callback的形式实现跨域访问。

粗浅理解是script标签的src属性不存在同源策略;回调函数要自己写,就是拿到数据要做什么。服务端会返回你定义的回调函数名的方法,将获取的json数据传入这个方法完成回调。

JSONP的原型是创建一个回调函数,然后在远程服务上调用这个函数并且将JSON数据形式作为参数传递,完成回调。

方法二:服务器使用代理

方法三:服务端设置Request Header头中Access-Control-Allow-Origin为指定可获取数据的域名

server端设置header:Access-Control-Allow-Origin:*;

学习:https://segmentfault.com/a/1190000002647143

http://www.oicqzone.com/pc/2014083019610.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值