php部分:
<?php
$data = array(
'id' => 1,
'name' => 'shirley'
);
$jsonData = json_encode($data);
echo "jsonpcallback(" . $jsonData . ")";
?>
html部分:
<html>
<head>
<title>jsonp跨域请求</title>
<meta charset="UTF-8">
<script src="http://apps.bdimg.com/libs/jquery/2.1.2/jquery.js" type="text/javascript"></script>
</head>
<body>
</body>
</html>
<script>
$(document).ready(function () {
$.ajax({
type:"GET",
dataType: "jsonp",
jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback)
jsonpCallback: "jsonpcallback",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据
url: 'http://www.lulijuan.com/b.php',
success: function (result) {
console.log(result);
}
});
});
</script>
评论