ajax跨域问题（jsonp（GET提交）以及 CORS （GET POST提交毫无问题））

本文链接：https://blog.youkuaiyun.com/qqahanson/article/details/42684815

本文详细介绍了Ajax跨域的两种常见解决方案：JSONP用于GET请求，主要通过动态创建script标签实现；CORS（Cross-Origin Resource Sharing）则支持GET和POST等更多请求类型，通过设置服务端响应头实现跨域。示例代码展示了具体实现方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、通过jsonp get提交：

服务端：

<?php
    $data = array(
        "name"=>$_GET['name'],
        "age"=>25,
    );
    echo $_GET['callback']."(".json_encode($data).")"; //相当于：echo 'getName({"name":"小妹子","age":25})';// 必须加前缀哦,是从客户端传过来的方法名
?>

ajax 客户端：

当前文件为：http://www.xiaoqiang.com/index.html

 $.ajax({
        url:'http://www.xiaoqiang2.com/getData.php',    //跨域到http://www.xiaoqiang2.com，另，http://xiaoqiang.com也算跨域
        type:'GET',  //jsonp 类型下只能使用GET,不能用POST,使用post提交会造成有些浏览器获取不到返回   例如firebug
        dataType:'jsonp', //指定为jsonp类型
        data:{"name":"小美人"},//数据参数
        jsonp:'callback',//服务器端获取回调函数名的key，对应后台有$_GET['callback']='getName';callback是默认值
        jsonpCallback:'getName', //回调函数名
        success:function(result){  //成功执行处理，对应后台返回的getName(data)方法。
            $("#myData").html('你妹子： '+result.name+'的年龄：' '+result.age+'');//myData是一个div自己加就好了
          },
        error:function(msg){
             //执行错误
        }
    });

二、cors 处理post 和get 跨域提交方法

主要是服务端加上头：

header('Access-Control-Allow-Origin:*');// *表示任何域名都可以提交过来,如果加上域名则表示只允许某个域名提交header('Access-Control-Allow-Methods:POST,GET');header('Access-Control-Allow-Credentials:true');

服务端输出代码：

header('Access-Control-Allow-Origin:*');
		header('Access-Control-Allow-Methods:POST,GET');
		header('Access-Control-Allow-Credentials:true'); 
		echo "{\"result\":\"ok\"}";exit;

ajax 客户端提交代码：

$.ajax({
	type: "POST",
	url: "http://www.xiaoqiang.com/count/service.php",
	dataType: "json",
	data:{name:a, phone:b},
	success: function(data){
		
		 }
	});