Ajax跨域

最新推荐文章于 2022-02-02 22:35:24 发布

nine_lie

最新推荐文章于 2022-02-02 22:35:24 发布

阅读量73

点赞数

分类专栏： AJAX 文章标签：前端初级知识

本文链接：https://blog.csdn.net/nine_lie/article/details/79804608

版权

AJAX 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

跨域—JsonP格式

由于浏览器的同源策略，访问不在同一协议、域名、端口的文件时，会加以限制，这里要讨论的是实现跨域的一种方法

jsonP–json Padding(json的一种使用格式),这个是网上的定义，所谓Padding,就是包裹，对json数据进行包裹。由于html的src属性具有开放策略，所以这个方法也正是利用了这一点来实现跨域。

代码示例
后端:

<?php
    header("Content-type:text/html;charset="UTF-8");
    $foo=$_GET["func"];
    echo $foo."(json)";//这里假设json是实际想要取得的数据
?>

HTML&JS

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>
    <script>
        function getJson(data){
            console.log(data);
        }
    <script>
    <script src="/test.php?func='getJson'"></script>
</html>

这个代码构建了一个简单的案例，使用jsonP格式跨域，在这个代码中，使用一个script标签，src属性为请求服务器的地址，发送了一个func=’getJson’的数据，这就相当于引入了一段js代码，内容为服务器返回数据getJson(json),即调用getJson这个方法，而我已经定义了getJson这个方法，这样就可以操作服务器返回的数据了(即可以操作Json)。如果使用Jquery库的话，里面已经封装好了这个功能，直接使用$.getJson方法即可。