AJAX跨域请求数据原理与案例
来源:互联网 发布:淘宝数据魔方论坛 编辑:程序博客网 时间:2024/04/30 21:59
1、如何通过AJAX跨域请求数据
AJAX通过jsonp来实现跨域请求数据,通过设置dataType(jquery)为jsonp即可。
2、AJAX如何通过jsonp实现跨域(来源于其他网站资料)
JSONP(JSON with Padding)是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问(这仅仅是JSONP简单的实现形式)。
由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源,为了实现跨域请求,可以通过script标签实现跨域请求,然后在服务端输出JSON数据并执行回调函数,从而解决了跨域的数据请求。
3、通过简单案例AJAX(jquery)实现跨域请求
客户端AJAX(jquery)源码:
$.ajax({type : "get",async:false,url : "http://192.168.0.22:88/test.php",dataType : "jsonp",jsonp: "callbackparam", //服务端用于接收callback调用的function名的参数jsonpCallback:"success_jsonpCallback", //callback的function名称success : success,error: function(XMLHttpRequest, textStatus, errorThrown){alert(XMLHttpRequest+"<br/>"+textStatus+"<br/>"+errorThrown);}function success(data){</span>alert(data);}});
服务器端源码:
<?php$a=array();$a["ceshishuju"]='1';echo $_GET['callbackparam'] . '(' .json_encode($a) . ')';</span>?>4、通过AJAX跨域请求注意事项
(1)AJAX通过jsonp发送请求的方式都是get的方式,无论把客户端的type修改为get或者post,服务器段的程序只能通过get的形式才能获取到数据。
(2)服务器端需要执行回调函数才能获取数据,不然js会报错。
(3)通过AJAX传递数据的安全性比较低,如果传递密码之类的数据需慎重。
0 0
- AJAX跨域请求数据原理与案例
- AJAX跨域请求数据原理与案例
- ajax跨域请求数据
- ajax中的跨域请求及原理
- ajax请求数据和处理数据的案例展示
- Ajax跨域请求数据实例
- ajax跨域请求数据的解决方案
- $.ajax跨域请求数据的解决方案
- $.ajax跨域请求数据的解决方案
- ajax跨域请求jsp数据
- Ajax与ashx异步请求的简单案例
- Ajax跨域请求与jsonp
- Ajax跨域请求,Json与Jsonp
- ajax与php的跨域请求
- Ajax 原理 & 基本案例
- jQuery Ajax 跨域请求与getJSON跨域请求
- ajax请求跨域请求
- 原生 Ajax 请求案例/模板
- 如何快速的把日志输出到磁盘上
- 斐波那契数列第N项(大数)
- 移植X264成功
- 总结linux中管线和数据流重导向的详解及区别
- java即时在线聊天(一)
- AJAX跨域请求数据原理与案例
- Django模板系统——过滤器
- 陈老师的多校联合 20140809 C题
- poj 1639 度限制生成树(小矮人野餐)
- HDU1097:A hard puzzle(快速幂求模)
- 统计文章出现最多的10个词语--python实现
- DICOM医学图像处理:DCMTK在VS2012中的配置
- Spring 事务最常用配置
- 阿拉伯数字转换为英文