您的位置：首页 > Web前端 > JQuery

jquery ajax跨域与原生JS的跨域

2015-07-03 17:03 549 查看

一、JQ 的ajax跨域

a.com/a.html文件

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<script src="./jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#btn").click(function(k) {
$.ajax({
type: 'GET',  //这里用GET
url: 'b.com/b.php',
dataType: 'jsonp',  //类型
data: {age:'cce',sex:'dd'},
jsonp: 'callback', //jsonp回调参数，必需
async: false,
success: function(result) {//返回的json数据
alert(result.message); //回调输出
},
timeout: 3000
})
});
});
</script>
</head>

<body>
<input type="button" id="btn" value="button" />
</body>
</html>

b.com/b.php

$callback =isset($_GET['callback'])?trim($_GET['callback']):false;//jsonp回调参数
if($callback)
$date = array("sex"=>$_GET['sex'], "age"=>$_GET['age']);
$tmp= json_encode($date); //json 数据
echo $callback.'(' . $tmp .')';//返回格式，必需
}

二、原生JS的ajax跨域

在查找原生JS的ajax跨域找到一篇非常棒的资料链接走你

按照文章中的资料可以很好的实现跨域

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航