2

このコードは w3 school の例からそのまま引用しましたが、"Tryit Editor" 以外では機能しません。何か案は？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("button").click(function () {
                $.getJSON("http://w3schools.com/jquery/demo_ajax_json.js", function (result) {
                    $.each(result, function (i, field) {
                        $("div").append(field + " ");
                    });
                });
            });
        });
    </script>
</head>
<body>
    <button>Get JSON data</button>
    <div></div>
</body>
</html>
4

2 に答える 2

1

JSONP 応答を要求していない限り、現在のドメイン上の場所に対してのみ AJAX 要求を行うことができます。これは、すべてのブラウザのセキュリティ機能です。詳細については、「同一オリジン ポリシー」および「クロス サイト スクリプティング」については Google を参照してください。

回避策は、サーバー側プロキシを使用して外部ドメインからデータを要求し、jQuery を使用してローカル プロキシにクエリを実行することです。

于 2012-04-21T20:35:44.450 に答える
0

jquery/demo_ajax_json.jsと交換する必要がありますyour file name.js

つまり $.getJSON("http://w3schools.com/jquery/demo_ajax_json.js", function (result)、 $.getJSON("path/your file", function (result) {

于 2012-10-16T06:45:15.660 に答える