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

最新推荐文章于 2024-09-24 08:00:00 发布

收水了

最新推荐文章于 2024-09-24 08:00:00 发布

阅读量7.4k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qqahanson/article/details/42684815

版权

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

摘要由CSDN通过智能技术生成

一、通过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&