JavaScript如何实现跨域请求
什么是跨域请求?
简单的理解就是向不在同一个域名的服务器文件发出请求。这个还是用实际的例子来说明一下吧,比如baidu.向cxyblog.发送请求,这两个域名是不同的,那么这就是跨域了,出于安全性的考虑,这样是不允许的。另外需要注意的是不同子域名或者同域名不同端口之间或者相同域名不同协议等发送的请求也都算是跨域的,基本上可以为归为狼蚁网站SEO优化几类:
(1)http://.baidu.向http://.cxyblog.发送请求
(2)http://.cxyblog.向http://image.cxyblog.发送请求
(3)http://.baidu.:8000向http://.cxyblog.发送请求
(4)http://.cxyblog.向https://.cxyblog.发送请求
(5)http://.cxyblog.向http://112.65.242.67发送请求(假设域名.cxyblog.所对应的IP是112.65.242.67)
以上五种情况都算是跨域请求。
什么时候会用到跨域请求?
有时候我们需要使用Javascript进行Ajax操作的时候会碰到这种跨域请求操作的问题。
为什么直接使用javascript不能实现跨域请求?
由于安全的原因,javacript同源策略的限制,浏览器不允许Javascript请求跨域的资源。
如何解决javascript不能实现跨域请求的问题?
本文用到的解决方法是使用FlyJSONP应用JSONP实现跨域请求。FlyJSONP是一个轻量级的JavaScript类库,也被称作JSON插件,压缩后总大小约为3KB,不需要其他框架的支撑。
FlyJSONP官网地址:http://alotaiba.github./FlyJSONP/
那么该如何使用FlyJSONP类库实现跨域请求呢?
(1)首先要加载FlyJSONP的Javascript脚本,即:
<script language="javascript" src="http://.cxyblog./flyjsonp.min.js"></script>
(2)然后要初始化FlyJSONP的实例,参数debug可设置为true或false,即:FlyJSONP.init({debug: true}),这个参数的意思就是是否打开调试信息,参数值为true或者false;
(3)接下里就是使用get方法或post方法请求数据了,具体实例代码如下:
//FlyJSONP实现跨域GET function getData(){ FlyJSONP.init({debug:true});//初始化FlyJSONP的实例,参数debug可设置为true或false FlyJSONP.get({ url:'http://.cxyblog./article.json',//目标请求的URL parameters:{//请求参数 limit:5 }, suess:function(data){//发送请求成功 console.log(data); }, error:function(errorMsg){//发送请求失败 console.log(errorMsg); } }); } //FlyJSONP实现跨域POST function postData(){ FlyJSONP.init({debug:true});//初始化FlyJSONP的实例,参数debug可设置为true或false FlyJSONP.post({ url:'http://.cxyblog./article/new', parameters:{ username:'cxyblog', api_key:'123456', title:'FlyJSONP', description:'test' }, suess:function(data){ alert(data); } }); }
注意:服务端输出给客户端时,输出的必须是json字符串,否则客户端无法接收。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持狼蚁SEO。
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程