クロスドメイン(jquery.xdomainajax.js)を使用した機能が突然動かなくなりました。

Question

###前提・実現したいこと
クロスドメイン(jquery.xdomainajax.js)を使用した機能が突然動かなくなりました。

###発生している問題・エラーメッセージ

クロスドメイン(jquery.xdomainajax.js)を使用した機能でエラーになってしまいました。
今まで、正常に外部サイトから情報を取得していたのですが、突然動かなくなってしまいました。
エラー内容は以下の通りです。
XMLHttpRequest : 200 
textStatus : parsererror 
errorThrown : jQuery3110247705122841547_1505822564193 was not called

使用しているjsは
jquery-3.1.1.min.jsとjquery.xdomainajax.jsです。


Yahoo!のYQLというサービス終了に伴うエラーは解決しており、その後ずっと機能していました。
スマホのsafariではエラーにならず、機能していますが、パソコンのchromeとIE、firefoxでは機能しません。

よろしくお願いします。

###該当のソースコード

$(function kawase1() {
	$.ajax({
		url: "http://keisanki.me/widget/type01/TRY/100",
		type: 'GET',
		success: function(data) 
		{
			var nm = $(data.responseText).text().replace(/&gt;/g, '>').replace(/&lt;/g, '<');
			var dpObj = new DOMParser();
			var xmlDoc = dpObj.parseFromString(nm, "text/xml");
			$('#container1').html("＝ ");
			$('#container2').html($(xmlDoc).find('.result'));
			$('#container3').html("");
		},
      error: function(XMLHttpRequest, textStatus, errorThrown) {
            $("#container1").html("XMLHttpRequest : " + XMLHttpRequest.status);
            $("#container2").html(" textStatus : " + textStatus);
            $("#container3").html(" errorThrown : " + errorThrown.message);
         }
	});
});


jquery.xdomainajax.jsの中身はYahoo!のYQLというサービス終了対応しており以下です。
jquery-3.1.1.min.jsは改変してません。

jQuery.ajax = (function(_ajax){
    
    var protocol = location.protocol,
        hostname = location.hostname,
        exRegex = RegExp(protocol + '//' + hostname),
        YQL = 'http' + (/^https/.test(protocol)?'s':'') + '://query.yahooapis.com/v1/public/yql?callback=?',
        query = 'select * from htmlstring where url="{URL}" and xpath="*"';
    
    function isExternal(url) {
        return !exRegex.test(url) && /:///.test(url);
    }
    
    return function(o) {
        
        var url = o.url;
        
        if ( /get/i.test(o.type) && !/json/i.test(o.dataType) && isExternal(url) ) {
            
            // Manipulate options so that JSONP-x request is made to YQL
            
            o.url = YQL;
            o.dataType = 'json';
            
            o.data = {
                q: query.replace(
                    '{URL}',
                    url + (o.data ?
                        (/?/.test(url) ? '&' : '?') + jQuery.param(o.data)
                    : '')
                ),
                diagnostics: true,
                env: 'store://datatables.org/alltableswithkeys',
                format: 'xml'
            };
            
            // Since it's a JSONP request
            // complete === success
            if (!o.success && o.complete) {
                o.success = o.complete;
                delete o.complete;
            }
            
            o.success = (function(_success){
                return function(data) {
                    
                    if (_success) {
                        // Fake XHR callback.
                        _success.call(this, {
                            responseText: (data.results[0] || '')
                                // YQL screws with <script>s
                                // Get rid of them
                                .replace(/<script[^>]+?/>|<script(.|\s)*?/script>/gi, '')
                        }, 'success');
                    }
                    
                };
            })(o.success);
            
        }
        
        return _ajax.apply(this, arguments);
        
    };
    
})(jQuery.ajax);

###試したこと
ajaxの設定でtype: 'GET',の下にdataType 'html',やdataType 'text',、dataType 'json',と色々追加記述を変更してみましたが、ダメでした。

###補足情報(言語/FW/ツール等のバージョンなど)
jquery

Answer 1

私も同じように動かなくなったので調べました。
jquery.xdomainajax.jsの中でYQLを使用しているようなのですが、
YQLの仕様が変わっているということでソースコードを多少いじる必要がありました。

このやり方で直したか忘れましたが、以下のサイトに対処法があります。
http://sidewalkcafe.hatenablog.com/entry/2017/06/29/211719

jquery.xdomainajax.jsの中身を以下のように変える

//古いデータ 18行目くらい
YQL = 'http' + (/^https/.test(protocol)?'s':'') + '://query.yahooapis.com/v1/public/yql?callback=?',
query = 'select * from html where url="{URL}" and xpath=""';
//新しいデータ 18行目くらい
YQL = 'http' + (/^https/.test(protocol)?'s':'') + '://query.yahooapis.com/v1/public/yql?callback=?&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys',
query = 'select * from htmlstring where url="{URL}" and xpath=""';

Comments

[退会済みユーザー]

解答ありがとうございます。
とても助かると共に、同じようにjquery.xdomainajax.jsを使用されている方がいて励みになります。

ソースの差分があった、
YQL = 'http' + (/^https/.test(protocol)?'s':'') + '://query.yahooapis.com/v1/public/yql?callback=?',
を
YQL = 'http' + (/^https/.test(protocol)?'s':'') + '://query.yahooapis.com/v1/public/yql?callback=?&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys',
に変更してみましたが、エラー内容は変わらず取得できませんでした。

エラー内容
XMLHttpRequest : 200
textStatus : parsererror
errorThrown : jQuery311007846648995923688_1506908985065 was not called

YQLの仕様が変わった時、igaigaさんの教えて頂いたサイトなど見てソースを変更した時はちゃんと動いてました。
YQ対応をして1ヶ月くらいした時に急に動かなくなってしまって困り果ててしまった状態です。
その1ヶ月の間にjquery.xdomainajax.jsやJquery(jquery-3.1.1.min.js)、クロスドメインを利用する関数(外部サイトから為替レートを取得する関数)をいじった事はありません。
YQLの仕様が変わった時、上記のソース差分は、どちらでも動いていた記憶があります。

パソコン上で外部サイトから為替レートを取得する関数がエラーをだしてしまっている時、
スマホ上ではエラーになっていなかったのですが、キャッシュが更新されてしまったのか、スマホ上でもエラーになってしまいました。
これらの状況から、気付かずソースを改悪した可能性が高いと疑いソースを再度見直してみましたが、
原因は分からないままでした。

[igaiga]

失礼いたしました。対処済だったんですね＾＾；
私の場合、実装しようとしたサーバが特殊で外部URLがすべて書き換えられてしまうため、本番環境では実装できなかったので現在は使用していません。

[退会済みユーザー]

YQL対策に不備があった可能性もあるので、やり方を教えて頂き感謝しています。

Answer 2

なぜか放置していたら、突然動くようになりました。
動くようになった原因は不明です。ソースも動かくなった時のままです。

ありがとうございました。

Answer 3

https://keisanki.me/widget/type01/TRY/100

httpをhttpsに変えてみるとどうなりますか？

Comments

[退会済みユーザー]

解答ありがとうございます。
httpsに変更してみましたが、エラー内容は変わりませんでした。
以下のページの為替の部分がエラーになっております。
http://trippi.webcrow.jp/
エラーのjsはhttp://trippi.webcrow.jp/js/top.jsです。