jQueryを利用したAjaxでのXML読み込みについてです。

###前提・実現したいこと
こんにちは。
web初心者ですので基本的なことかも知れませんがよろしくお願いします。
今回，html上のボタンを押したとき，javascriptの関数を呼び出し，ajax でxmlを読み込んで要素の一部に反映させる，ということをやりたいと思っています。

###発生している問題

ボタンを押したとき，関数は呼ばれるのですが，ajaxがうまくいかないようで，結果がfailになってしまいます。

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

javascript
1var now_panel = "index";
2	
3function ajaxGetPanel(element){
4	
5	//今のパネルと同じパネルには飛ばない
6	if(now_panel == String(element.id)) return;
7	
8	var link = "xml/" + String(element.id) + ".xml";
9	now_panel = String(element.id);
10
11	$.ajax({
12		type: 'get',
13		url: link,
14		dataType: 'xml',
15		cache: false,
16		async: true
17	}).done(function(data){
18		$(data).find("title").each(function(){
19			alert("debug_done");
20			$(".panel-title").text($(this).text());
21		});				
22	}).fail(function(){
23		alert("debug_XML_ERROR");
24	});
25	
26}

###補足情報(言語/FW/ツール等のバージョンなど)
開発ツール: DreamWeaver CC2017
ブラウザ: safari10.0.3, Google Chrome56.0.2924.87

kei344

2017/02/08 16:46

サーバ上での話でしょうか。それともローカル環境での話でしょうか。

___asymptote___

2017/02/08 16:54

質問ありがとうございます。rasipberry pi で構築したサーバー上での事です。

kei344

2017/02/08 16:57

エラーは出ていませんか？デベロッパーツールで確認してみてください。http://eng-entrance.com/javascript-display-error

___asymptote___

2017/02/08 17:20

ありがとうございます。Google Chromeのデベロッパーツールで確認してみましたところ，紹介していただいたURLにあるような「javascript開始」のログすら出ず，何も出ません。しかしjavascriptによるalertは表示されます。また，htmlで作成したリンクを踏むと「Navigated to (リンク先のアドレス)」というログが出ます。

回答2件

ベストアンサー

JavaScript
1    }).fail(function(jqxhr, status, error){
2        alert("debug_XML_ERROR " + status + " " + error);
3    });

failのコールバック関数をこう変えてみて、どんなエラーが起きているか確認してください。原因がわかるかもしれません。

投稿2017/02/09 00:15

masaya_ohashi

総合スコア9206

回答へのコメント

___asymptote___

2017/02/09 05:13

回答ありがとうございます。ご指摘のようにしてみたところ， parsererrorが出力され，内容はInvalid XMLでした。この内容を元にまた調べてみようと思います。また分からなくなってしまったら質問させていただくことがあるかも知れませんが，そのときはまた是非よろしくお願いします。

masaya_ohashi

2017/02/09 09:10

Invalidというのは「無効な」という意味です。おそらくダウンロードしてくるxmlが、正しいXMLの形式になっていないのでしょう。XMLは厳密なルールが定められていて、例えば開きタグ、閉じタグの数が合わないとすぐエラーになります。よくxmlの中を見てチェックしてみましょう。もしそのxmlが個人情報や秘密にしたい内容が一切ないのであれば、オンラインのXMLバリデータを使って「どこがおかしいのか」を聞いてみるのもよいでしょう。XML Validator→http://memopad.bitter.jp/w3c/xml/xml_validator.html

.fail(function(XMLHttpRequest, textStatus, errorThrown)){
console.log(textStatus)
}

で詳細を確認してみてください
parseerrorなど発生していませんか？
もしそうなら出力側のxml形式が間違っているかもしれません
dataTypeをいちど'text'にして戻り値を確認するとよいかもしれません
（textはあくまでも戻り値を確認するためなので、それだけでは
解決するわけではありません）

投稿2017/02/09 00:24

yambejp

総合スコア109992

回答へのコメント

___asymptote___

2017/02/09 05:15

回答ありがとうございます。ご指摘のようにしたところ，コンソールにparsererrorが出力されました。どうやらおっしゃるとおりxmlに問題がありそうなので，もう一度その線で調べ直してみたいと思います。また分からなくなってしまったら質問させていただくかも知れませんが，そのときは是非よろしくお願いします。

yambejp

2017/02/09 05:17

しつこいようですが$.ajaxで詰まった場合は「dataTypeをtextにしてデバグ」が原則ですので覚えておいてください

___asymptote___

2017/02/09 05:36

ありがとうございます。しっかりと覚えておきます！

15分調べてもわからないことは
teratailで質問しよう！