跨域问题–JSONP(一)中使用的是JSONP的hack方式去解决跨越调用的问题。更常规的方式是通过服务器配置。
下面通过配置apache
解决跨越问题,nginx
的可以根据查询相关资料
修改配置文件httpd.conf
去掉注释LoadModule headers_module modules/mod_headers.so
在节点Directory
中添加:
Header set Access-Control-Allow-Origin "*"
remote2.php
<?php
$a = $_GET['a'];
$b = $_GET['b'];
$c = $a + $b;
echo '{"result":"'.$c.'"}'; //从前台获取a和b,将a+b结果返回到回调函数
?>
test.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JSONP</title>
</head>
<body>
<script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script>
$.getJSON("http://localhost:8080/remote2.php?a=2&b=9", function(data) {//像调用本地后台方法一样
alert(data.result);
})
</script>
</body>
</html>