顯示陣列的內容

<script type="text/javascript" src="http://www.google.com/jsapi?key=asedAWWefefI-43WqNAiw0XkfflwpU9zqkg"> 
      </script> 
      <script type="text/javascript"> 
       google.load("jquery", "1.6.1"); 
      </script><script src="http://code.jquery.com/jquery-latest.js"></script> 
      <script type="text/javascript"> 
       google.setOnLoadCallback(function() 
       {... 
}....

我的代碼無法工作我猜這是上述代碼的錯。顯示陣列的內容

整個代碼

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8" /> 
     <title></title> 
     <script type="text/javascript" src="http://www.google.com/jsapi?key=AIzaSyDzbTUhnU2I-erwerwe3450XkfflwpU9zqkg"> 
     </script> 
     <script type="text/javascript"> 
      google.load("jquery", "1.6.1"); 
     </script><script src="http://code.jquery.com/jquery-latest.js"></script> 
     <script type="text/javascript"> 
      google.setOnLoadCallback(function() 
      { 
       $(function() 
       { 
        $('#catalog').click(function(e) 
        { 
         e.preventDefault(); 
         $.getJSON('books.php', function(data) { 
          var book = "<h3>" + data.title + </h3>";        
          book += "<p>ISBN: " + data.isbn + "</p>";             
          book += "<br/>Published Date: " + data.publishDate; 
          book += "<br/>Publisher: " + data.publisher; 
          var author = []; 

          $.each(data.authors, function(i, ov) { 
           authors.push(ov.name) 
          }); 

          book += "<br/>Authors: " + authors.join(", "); 
          $('#resopnse').html(book); 
                                      }); 
        }); 
       }); 
      });            
     </script> 
    </head> 
    <body> 
     <p><a id="catalog" href="">Retrieve book information</a></p> 
     <div id="response"></div> 
    </body> 
</html>

當我點擊鏈接它不顯示我anything.I已經有格式化有一個JSON輸出數組中的books.php文件。

UPDATE

$.getJSON('books.php', function(data) 
         { 
          var book = "<h3>" + data.title + "</h3>"; 
          book += "<p>ISBN: " + data.isbn + "</p>"; 
          book += "<br/>Published Date: " + data.publishDate; 
          book += "<br/>Publisher: " + data.publisher; 
          var author = []; 
          $.each(data.authors, function(i, ov) { authors.push(ov.name) }); 
          book += "<br/>Authors: " + authors.join(", "); 
          $('#response').html(book); 

         });

此功能不能把手伸進。

來源

2012-07-03 John Kent

'$（ '＃resopnse'）。HTML（）'...點擊（函數（）{alert（'test'）;}）;並檢查它的工作是否正在編寫錯誤代碼？ –

在$（'＃catalog'） – coolguy

你的頁面上有一個javascript錯誤。你應該真的使用一個調試器。 Chrome開發工具非常出色。按[CTR] [SHIFT] [J]如果你使用的是Chrome或菜單>工具> JS控制檯

var book = "<h3>" + data.title + </h3>";

失蹤「

來源

2012-07-03 07:52:37 shxfee

顯示陣列的內容

回答

相關問題