静的HTMLにjQueryを使ってXMLを読み込み表示させていましたが、急に表示されなくなりました。
1ヶ月ほど前までは表示されていたのですが・・・原因が不明のためご教授お願いします。
PCからもスマホからも読み込まれない状態です。
この1ヶ月で変化があったこと
- OSを最新版に更新(MacOSXとiOS)
- HTTPS化
もしかして、HTTPS化したのがいけなかったのかとも思いましたが、ローカル環境で表示(MacのSafari)させても表示されませんでした。
なお、サーバ側のXMLファイルのパミッションは755です。
実際のサイト:https://www.8yazaki.jp/free-music.html
添付ファイルはエラー内容と、該当箇所ソースのスクリーンショットです。
HTML
1<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 2 <script> 3 $(function(){ 4 $.ajax({ 5 url:'musics.xml', 6 type:'GET', 7 dataType:'xml', 8 timeout:1000, 9 error:function() { 10 alert("ロード失敗"); 11 }, 12 success:function(xml){ 13 $(xml).find("music").each(function() { 14 $("#musics_list").append( 15 '<article><div><img src="' + 16 $(this).find('jacket').text() + '" alt="'+ 17 $(this).find('title').text() + '"><audio src="' + 18 $(this).find('mp3').text() + '" controls="controls"></audio></div><h4>「' + 19 $(this).find('title').text() + '」</h4><p>' + 20 $(this).find('comment').text() + '</p><a href="' + 21 $(this).find('mp3').text() + '" download="' + 22 $(this).find('mp3').text() + '">MP3ダウンロード</a><div id="cat"></div></article>' 23 24 ); 25 }); 26 } 27 }); 28 }); 29 </script>
XML
1<?xml version="1.0" encoding="UTF-8"?> 2<music_list> 3 <music> 4 <title>睡眠誘導曲8mix</title> 5 <comment>癒される音で眠気を促されるかもしれません♪</comment> 6 <mp3>music/20170319_sleepsong_8mix.mp3</mp3> 7 <jacket>img/music/noimage.gif</jacket> 8 <createdate> 9 <year>2017</year> 10 <month>06</month> 11 <day>04</day> 12 </createdate> 13 </music> 14</music_list>
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。