2011-05-05 181 views
-1

我想从我的JSP中使用jQuery Ajax调用示例API,但我没有获得成功。我不知道我错在哪里,但即使简单的HTML页面也没有被加载。无法使用jQuery进行Ajax调用

这是我的代码。

<%@ 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> 

回答

2

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

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

OMG。这是问题..谢谢你,它现在正在工作.. – Gendaful 2011-05-05 19:53:51

+0

对不起再次发布相同的东西..但你可以告诉我下面的代码的问题。 \t $阿贾克斯({ \t \t网址: “serverFile.jsp”, \t \t类型: “GET”, \t \t数据类型: 'HTML', \t \t异步:真实, \t \t数据:数据, \t \t成功:函数(responseData){ \t \t \t如果(responseData = NULL &&回调!= NULL!){ \t \t \t \t \t \t \t alert('success'); \t \t \t \t \t \t $('#dictionary')。html(responseData); \t \t \t \t \t \t \t \t \t \t} \t \t}, \t \t错误:函数(){ \t \t \t \t \t \t警报( '错误'); \t \t \t \t \t \t if(errorCallback!= null)errorCallback(); \t \t} \t}); – Gendaful 2011-05-05 19:59:02

+0

按右上方的问问题按钮,并提供SSCCE :) – BalusC 2011-05-05 20:00:40