我想调用 API 并以 XML 格式获取结果我当前的代码如下。当我直接提供 XML 文件时,我的代码按预期运行,但是当我提到 API url 以获取相同的 xml 时,没有错误,但没有调用 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。
提前致谢; 阿布舍克·A·夏尔马