WebサービスからのxmlがIEで表示されない
ウェッブサービスのxmlデータをjQuery Ajaxを使ってページ上に表示したいのですが、下記のコードでは、IEのみ表示できず悩んでいます。
jQuery(document).ready(function($){
getAjaxData();
});
function getAjaxData(){
$('#text-box').append('getAjaxData'+'<br>');
jQuery.ajax({
url: ウェッブサービスから提供されたxmlのURL,
type:'GET',
error:errorMsg,
success:outputSuccess
});
}
function outputSuccess(data){
$('#text-box').append('success!'+'<br>');
var txt = jQuery(data).find("root").text();
$('#text-box').append(txt);
}
function errorMsg(){
$('#text-box').append('error!'+'<br>');
}
Firefox,Chrome,Safari,Operaでは、上述コードのように、テキストボックスに最初getAjaxDataが表示され、次にsuccess!、さらにxmlの内容が表示されます。しかしIEのみ(IE9)getAjaxDataの次にerror!のテキストが表示され、xmlデータを読み込むことができません。
ネットでいろいろと調べましたが解決方法がみつかりません。
当方50歳を越えて独学でjQueryなど勉強していますが、まだまだ浅学のためどうしたらいいのか悩んでおります。
ぜひ解決法をご存知の方、ご教授いただければ幸いに存じます。
どこかいい解決法が書いてあるページのご紹介でもかまいません。
よろしくお願い申し上げます。