クロスドメインについて
jqueryのjquery.xdomainajax.jsを使ってhtmlとは違うサーバーに置いてあるxmlを読み込んで
処理をしたいのですが、うまくいきません。
どうすればいいのか教えていただければ幸いです。
ご回答よろしくお願いいたします。
したい処理の内容は、xmlに記載してあるデータを読み込んで
その内容をhtmlに表示させることです。
読み込ませるxmlは↓下記のような内容です。
<?xml version="1.0" encoding="utf-8"?>
<channel>
<item>
<number>1234</number>
<title>タイトル</title>
<pubdate>2009/2/29 0:00:00</pubdate>
<link>http://xxxx/xxx.html</link>
<description>文章</description>
<category>abc</category>
</item>
</channel>
読み込ませる側のhtmlソースは↓下記の内容です。
scriptでxmlを読み込ませた後に
div#article-contentにxmlの内容をタグで括って追加されるような処理をしているのですが、
クロスドメインでxmlを違うサーバーに置いてやるとうまくいきません。
タグの生成はされないのですが、
success : function(data)の
alert("success");
は表示されます。
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ html ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
******************** head ***********************
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="https://github.com/jamespadolsey/jQuery-Plugins/raw/master/cross-domain-ajax/jquery.xdomainajax.js"></script>
*********************** script **************************
$.ajax({
url: 'http://xxxx/xxxx.xml',
type: 'GET',
dataType: 'xml',
success : function(data){
alert("success");
$("item",data).each(function(){
$("div#article-content").append("<div class='article-section all-display "+$("category",this).text()+"' id='"+$("number",this).text()+"'><dl class='article-list'><dt class='article-title'><a href='"
+$("link",this).text()+"' target='_blank'>"
+$("title",this).text()+"</a></dt><dd class='article-description'>"
+$("description",this).text()+"</dd><dd class='article-date'>"
+pubdateText+"</dd></dl></div>");
});
}
});
*********************** body **************************
<div id="article-content">
<!-- /article-content --></div>
