1.什么是跨域操作
在页面中使用js访问其他网站的数据,比如在网站中使用ajax请求其他网站的天气、快递或者其他数据接口时,以及hybrid app中请求数据
- 使用js实现跨域操作
客户端:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<button id="btn">请求</button>
<script src="./jquery-3.2.0.js"></script>
<script>
$( '#btn' ).click(function () {
$.ajax( {
url: 'http://test2.com/03-index.php',
success: function ( info ) {
console.log( info );
}
});
});
</script>
</body>
</html>
服务器端:
<?php
header( 'Access-Control-Allow-Origin: http://test1.com' );//允许指定网站
echo 'cors 跨域';
?>