无法使用jquery进行Ajax调用

时间:2011-05-05 18:53:12

标签: jquery ajax jsp

我正在尝试使用jQuery Ajax从我的JSP调用Sample API,但我没有获得成功。我不知道我错在哪里,但即使简单的html页面也没有加载。

这是我的代码。

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <title>Insert title here</title>
    </head>
    <body>
        Hello
        <div id="temp">
            <a href="#" onclick="callGetApplicationDetails();" >Click Here</a>
        </div>
        <script type="text/javascript">
            function callGetApplicationDetails() {
                jQuery.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?", function(data) {
                    alert('inside');
                    $.each(data.items, function(i,item) {
                        $("<img/>").attr("src", item.media.m).appendTo("#temp");
                        if ( i == 3 ) return false;
                    });
                });
            }
        </script>
    </body>
</html>

1 个答案:

答案 0 :(得分:2)

你忘了加载jQuery。将以下内容添加到<head>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>