ajax跨域，jQuery调用ajax

背景知识同源策略URL地址：scheme : // host : / path / ? query # fragmentscheme : 通信协议，常为http、httpshost : 域名post :端口号，http默认为80，https默认为443【可选】path ：路径query ：查询参数【可选】fragment ：信息片段，用于指定网络资源中的某片段【可选】同源策略：是浏览器的一种安

不落不息

253人浏览 · 2020-10-04 16:25:40

不落不息 · 2020-10-04 16:25:40 发布

背景知识

同源策略

URL地址：scheme : // host : / path / ? query # fragment

scheme : 通信协议，常为http、https
host : 域名
post : 端口号，http默认为80，https默认为443【可选】
path ：路径
query ：查询参数【可选】
fragment ：信息片段，用于指定网络资源中的某片段【可选】

同源策略： 是浏览器的一种安全策略，同源指的是请求URL地址中的协议、域名和端口号都相同，一种不同就是跨域。在同源策略下，浏览器不允许ajax跨域获取服务器数据

jQuery中ajax的jsonp数据格式

wamp开启的模式下
在这里插入图片描述
callback：是后端默认的， = 后边是自动生成的方法名
可用jsonp属性值修改的callback这个默认值
jsonpCallback属性修改的是 = 后边的方法名

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>跨域</title>
	
	<script src="jquery.js"></script>
	<script type="text/javascript">
		$(function(){
			$("#btn").click(function(){
				$.ajax({
					type:'get',
					url:'http://fontend.com/data.php',//另一个测试网址
					dataType:'jsonp',
					data:{},
					jsonp:'star',//如果后端 $cd = $_GET['star'];则就需要将这里也改了，否则获取不了数据
					jsonpCallback:'yeo',//自定义 = 后边的方法名
					success:function(data){
						console.log(data);
					},
					error:function(){
						console.log("error");
					}
				});
			});
		});
	</script>
</head>
<body>
	<button id="btn">点击</button>
</body>
</html>

在wamp设置的另一个网址路径下新建文件

<?php
    $arr =array("name"=>'小红',"sex"=>"female");

    // $cd = $_GET['callback'];//callback是默认的参数
    $cd = $_GET['star'];
    // echo $cd.'('.'"hello"'.')';//传入字符串
    // echo $cd.'('.'123'.')'; //传入数字
    echo $cd.'('.json_encode($arr).')';

?>