AJAX跨域请求数据原理与案例
2014-08-23 14:51
561 查看
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)源码:
4、通过AJAX跨域请求注意事项
(1)AJAX通过jsonp发送请求的方式都是get的方式,无论把客户端的type修改为get或者post,服务器段的程序只能通过get的形式才能获取到数据。
(2)服务器端需要执行回调函数才能获取数据,不然js会报错。
(3)通过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传递数据的安全性比较低,如果传递密码之类的数据需慎重。
相关文章推荐
- 关于JQuery 中$.ajax函数利用jsonp实现Ajax跨域请求ASP.NET的WebService成功获取数据的案例
- 关于JQuery 中$.ajax函数利用jsonp实现Ajax跨域请求ASP.NET的WebService成功获取数据的案例
- AJAX 跨域请求 - JSONP获取JSON数据
- 域编码jquery的AJAX跨域请求及跨域请求的原理
- AJAX 跨域请求 - JSONP获取JSON数据
- AJAX 跨域请求 - JSONP获取JSON数据
- AJAX 跨域请求 - JSONP获取JSON数据
- (转)AJAX 跨域请求 - JSONP获取JSON数据
- 利用JQuery jsonp实现Ajax跨域请求 .Net 的*.handler 和 WebService,返回json数据
- AJAX 跨域请求 - JSONP获取JSON数据
- Ajax跨域请求数据实例(JSOPN方式)
- Ajax 跨域请求 jsonp获取json数据
- AJAX 跨域请求 - JSONP获取JSON数据
- AJAX跨域请求json数据的实现方法
- AJAX 跨域请求 - JSONP获取JSON数据
- AJAX 跨域请求 - JSONP获取JSON数据
- jquery的AJAX跨域请求及跨域请求的原理
- AJAX 跨域请求 - JSONP获取JSON数据
- AJAX跨域请求json数据的实现方法
- JQuery的Ajax跨域请求原理概述及实例