jQuery getJSON 在本地工作，但不能跨域

JS

使用jQuery的getJSON方法可以方便地从远程服务器获取JSON数据，然而，由于浏览器的同源策略限制，这个方法在跨域请求时会受到限制。不过，如果我们将网页文件放在本地服务器上，则可以正常运行，因为本地请求不受跨域限制。

本地工作的getJSON方法

在本地工作的getJSON方法可以通过以下步骤实现：

1. 在本地服务器上创建一个网页文件，例如index.html。

2. 在index.html文件中引入jQuery库文件，确保能够使用jQuery的方法。

3. 在JavaScript代码中使用getJSON方法来请求本地的JSON数据文件。

下面是一个简单的例子，演示了如何使用getJSON方法从本地服务器获取JSON数据：

html
<!DOCTYPE html>
<html>
<head>
    <title>使用getJSON方法获取本地JSON数据</title>
    <script src="JS">https://code.jquery.com/jquery-3.6.0.min.JS</a>"></script>
</head>
<body>
    <div id="data"></div>
    <script>
        $(document).ready(function() {
            $.getJSON("data.JSon", function(data) {
                $("#data").html(JSON.stringify(data));
            });
        });
    </script>
</body>
</html>

在上面的例子中，我们首先引入了jQuery库文件，然后在页面加载完成后，使用getJSON方法请求名为data.JSon的本地JSON数据文件。请求成功后，将返回的数据以字符串形式显示在id为data的div元素中。

解决跨域问题的方法

要解决跨域问题，可以使用JSONP（JSON with Padding）或CORS（Cross-Origin Resource Sharing）等技术。JSONP利用了