jQuery ajaxで外部テキストファイルを読み込むとエラーになる

Question

下記コードを用いて、外部サーバーに置いたテキストファイルの中身(json)を取得したいと考えております。このコードを実行するとChromeのコンソールに「Uncaught SyntaxError: Unexpected token :」と表示されエラーとなってしまいます。

「：」が問題のようではありますが、特に余分にそれが入り込んでいるといったところは見受けられず、他に何が問題なのか分かりません。こちらのコードをご覧頂き、考えられそうな問題点がありましたらご回答よろしくお願いいたします。

function textAccess (){

  $(function(){
    $.ajax({
      url: '〜〜text.txt', // 外部サーバーに置いてあるテキストファイルの位置が入ります
      type: 'GET',
      cache: false,
      dataType: 'jsonp',
      timeout: 10000,
      success: function(res, status) {
        if (status === 'success') {

          console.log(res); // > Chromeのコンソールで「Uncaught SyntaxError: Unexpected token :」が表示される
          
        }
      }
    });
  });    
}

テキストファイルの中身は以下のようなフォーマットのJSONデータが入っています。
実際にはもっと大量のデータが入っております。

{"data":[{"url":"aaa.html","title":"タイトル"},{"url":"aaa.html","title":"タイトル"}]}

追記

ちなみにSafariからですと取得できます。
Chromeの場合「Failed to load (外部テキストファイルのURL): No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'file://' is therefore not allowed access.」となってエラーになります。

index.htmlのmetaタグにはjquery.xdomainajax.jsを読み込んでいます。

再追記

テストするうちに方法・内容が変わりましたので、こちらに新規として投稿させていただきました。

Comments

[m.ts10806]

このjavascript自体はどこで実行されているのでしょうか？ローカル？サーバー？　Chromeですとajax実行はローカルファイルではできなかったはずなので、何かしらサーバー（XAMPPなどのローカルサーバー）で実行する必要があります。

[agepan]

これはローカルです。xdomainajax.jsで他のAPI、他サーバーのHTMLを拾えていたので、これも同様にやりたいところなのですが難しいですかね…

[m.ts10806]

再掲しておきます。＞　Chromeですとajax実行はローカルファイルではできなかったはずなので、何かしらサーバー（Webサーバー、ローカルだとXAMPPなどのローカルサーバー）で実行する必要があります。

[kei344]

まだ質問が「受付中」になっていますが、いったん「解決済」にされてはいかがでしょうか。また、解決されていないなら状況を質問文に追記ください。

Answer 1

successでデータが拾えているのであれば受け取った側の処理の問題では？
dataTypeにjsonpを指定していますが、大丈夫ですか？
普通はparsererrorになると思いますが・・・

$(function(){
   $.ajax({
      url: '...',
      type: 'GET',
      cache: false,
      dataType: 'jsonp',//ここ'json'?
   }).done(function(data){
     console.log(data);
   }).fail(function(xhr,err){
     console.log(err);
   });
})

Comments

[agepan]

ご回答ありがとうございます。
記載頂いたコードで走らせてみたところparsererrorが出ていました。
データタイプのところは、text／html／xml／scriptを指定すると空文字("")が返されて、jsonだとアクセスエラーとなって取得できませんでした。

[yambejp]

jsonpで処理するなら、サーバー側にコールバックを返すような仕組みが必要です
外部のjsonデータを取得するのにjsonp指定すればよいという単純な話ではないということ

[agepan]

今コメントしたデータタイプのテストは、投稿時のコードで試したものでした。
頂いたコードでデータタイプをtext／html／xmlにしたところ「{query: {…}, results: Array(0)}」と表示されて様々データが出てきますが、中身を取得できているかは分かりません(今確認しています)。