0

すでに同様の質問をしましたが、AJAX と JSONP を使用する必要があることがわかりました。これにより、まったく新しい世界が開かれました。

私が協力している会社には、プライバシー ポリシーと利用規約の API があります。2 つの異なるページを作成する必要があります。

  • プライバシーポリシー
  • 利用規約

したがって、基本的には、それらから取得したデータを検索し、「タグ」(それぞれ「ext_privacy」と「ext_member_terms」) で正しい用語を見つけて、その配列の HTML コードをページの残りの部分に使用する必要があります。

問題は、そのデータを AJAX から関数に渡す方法がわからないことです。その時点でも、セクションに適切にドリルダウンする方法がわかりません。external.data だと思っていました。 results.tags、しかしそれはうまくいかないようです。

ここに私のサイトコードがあります:

<!DOCTYPE html>
<html>
<head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <title>Privacy Policy</title>
</head>
<body>
    <div id="data">
    </div>
    <script>

        $.ajax({
            type: 'GET',
            url: 'http://guywhogeeks.com/test/test.json',
            jsonpCallback: 'jsonCallback',
            contentType: 'application/json',
            cache: 'true',
            dataType: 'jsonp',
            success: dataFeed
        });

        function dataFeed(external) {

            //Establishing htmlString - testing to see if function even fires
            var htmlString = "Hello, world!";

            //I know this is WAY off - I wanted to add the HTML to htmlString
            /*$(external.data.results.tags).find(privacy).each(function() {

                $({
                    text : external.data.results.html
                }).appendTo(htmlString)

            });*/

            $('#data').html(htmlString);
        }
    </script>
</body>
</html>

これは（わずかに変更された）JSONです-ここにもホストされています：

{"code":200,"status":"Ok","data":
    {"offset":0,"limit":20,"total":2,"target":"html_page","results":[
        {
            "id":"6",
            "title":"Privacy Policy",
            "description":"Privacy Policy",
            "html":"<div class=\"right-rail\">\r\n<div class=\"module\">\r\n<h2 class=\"episode-guide-header\">Web Site Privacy Policy<\/h2>\r\n<div class=\"module-body corp-home-top\">\r\n<div class=\"corp-home-wrapper privacy\">\r\n<\/div>\r\n<!--corp-home-wrapper--><\/div>\r\n<!--module-body corp-home-top-->\r\n<div class=\"module-shadow\">&#160;<\/div>\r\n<\/div>\r\n<!--module--><\/div>\r\n<!--right-rail-->",
            "tags":[
                "ext_privacy"
            ]
        },
        {
            "id":"66",
            "title":"License and TOU",
            "description":"License Agreement and Terms of Use",
            "html":"<!DOCTYPE html>\r\n<html>\r\n    <head>\r\n        <title>License Agreement and Terms of Use<\/title>\r\n    <\/head>\r\n    <body>\r\n       <div class=\"right-rail\">\r\n<div class=\"module\">\r\n<h2 class=\"episode-guide-header\"> License Agreement and Terms of Use<\/h2>\r\n<\/div><\/body>\r\n<\/html>",
            "tags":[
                "ext_member_terms"
            ]
        }
    ]}
}

助けていただければ幸いです。

4

1 に答える 1