APIを呼び出して、XML形式で結果を取得したい現在のコードは次のとおりです。XMLファイルを直接提供すると、コードは期待どおりに実行されますが、同じxmlを取得するためにAPI urlについて言及すると、エラーは発生しませんが、APIの呼び出しは発生しません。
AJAXを使用して実行したいのですが、現在のコードは次のとおりです。
<script type="text/javascript">
var searchq = $("#txtTag").val();
var twitpicURL = 'http://twitpic.com/show/thumb/';
$(document).ready(function () {
$("#btnGetData").click(function () {
$.ajax({
type: "GET",
/* define url of xml file to parse */
//url: "show.xml",
url: "http://api.twitpic.com/2/tags/show.xml?tag=" + searchq,
dataType: "xml",
success: parseXml
});
});
function parseXml(xml)
/* this is where the xml file is parsed and converted into a HTML output */
{
alert(xml);
//for each item node in the xml file
var html = '';
$(xml).find("image").each(function () {
var imageId = $(this).find("short_id").text();
var imagesrc = twitpicURL + imageId;
html += '<tr class="menu_item">';
html += '<td class="h-menu">' + "<img src='" + imagesrc + "'/>" + '</td>';
html += '<td class="h-menu">';
html += '<div>' + $(this).find("id").text() + '</div>';
html += '<div>' + $(this).find("short_id").text() + '</div>';
html += '<div>' + $(this).find("type").text() + '</div>';
html += '<div>' + $(this).find("timestamp").text() + '</div>';
html += '<div>' + $(this).find("message").text() + '</div>';
html += '</td>';
html += '</tr>';
});
$('#tblTwitpic').append($(html));
//end for each
//end function
}
//$("#tweets").append("</table>");
});
そして私のHTMLは以下のようになります:
<body>
<input id="btnGetData" type="button" value="Twitter Get Tweets" />
<input type="text" id="txtTag" />
<div id="tweets">
<table id="tblTwitpic" border='1'></table>
</div>
エラーは発生していませんが、このAPIの呼び出しは発生していません。
前もって感謝します; Abhishek A. Sharma