Ajax 之跨域操作

来源：互联网发布：通州淘宝城搬迁编辑：程序博客网时间：2024/06/05 08:22

1.在同一个子域名下如 a.b.com c.b.com 下

document.domain='b.com'即可

2.在不同的域名下

在域test.a.local下

ajax.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>

<body>
<script src="jqury1.3.2_dizzlejs.js" type="text/javascript"></script>
<script>
function jsonpCallback(result) {
//alert(result.Name);
}
$(document).ready(function(){
$.ajax({
url: "http://test.b.local/index.php",
dataType: "jsonp",
error: function(jqXHR, textStatus, errorThrown) {
if (textStatus =="error") {
alert(textStatus + " :" +errorThrown);
} else {
alert(textStatus);
}
},
success: function(data, textStatus, jqXHR) {
alert(data.Name);
}
});
});
</script>

</body>
</html>

在域 test.b.local下 json.php 代码如下：

<?php
$data = '{"Name":"Min", "Id" : 1983, "Rank": 7}';
if (isset($_REQUEST['callback'])) {
print $_REQUEST['callback']."(".$data.")";
//相当于输出了Query16209112247568555176_1339468749566({"Name":"Min", "Id" : 1983, "Rank": 7})({"Name": "Min", "Id" :1983, "Rank": 7});
} else {
print $data;
}

总结：使用了jquery, 返回数据类型为jsonp。其实就是使用<script>标签引入一个js文件，调用本域下的函数。

3.使用http://alotaiba.github.com/FlyJSONP/

Ajax 之跨域操作

1.在同一个子域名下 如 a.b.com c.b.com 下

2.在不同的域名下

1.在同一个子域名下如 a.b.com c.b.com 下