Twitter JSON API與jQuery

Question

function getUsername() 
      { 
       var userName = document.form.screen_name.value; 
       document.getElementById("display").innerHTML = userName; 

       var apiName = "https://api.twitter.com/1/users/lookup.json?screen_name=" + userName + "&callback=?"; 
       document.getElementById("display2").innerHTML = apiName; 

      $(document).ready(function(){ 
      $.getJSON(apiName, function(twitter) { 
       alert(twitter.name); 
       $('#showdata').html("<p>item1="+twitter.follwers_count+" item2="+twitter.friends_count+"</p>"); 
      }); 
      }); 

Javascript代碼。

<form method="get" action="#" name="form"> 
      Username: <input type="text" name="screen_name" id="username"/> 
      <input type="submit" value="submit" onclick="getUsername()" /> 
     </form> 
     <p>Your username is <h2 id="display"></h2></p> 
     <p>Your api url is <h2 id="display2"></h2></p> 

HTML代碼

哪些錯誤與此代碼？警報返回未定義。 謝謝

Answer 1

數據以數組形式返回。你必須在索引0來獲取對象：

function getUsername() 
{ 
    var userName = document.form.screen_name.value; 
    document.getElementById("display").innerHTML = userName; 

    var apiName = "https://api.twitter.com/1/users/lookup.json?screen_name=" + userName + "&callback=?"; 
    document.getElementById("display2").innerHTML = apiName; 

    $(document).ready(function(){ 
     $.getJSON(apiName, function(twitter) { 
      alert(twitter[0].name); 
      $('#showdata').html("<p>item1=" + twitter[0].follwers_count + " item2=" + twitter[0].friends_count + "</p>"); 
     }); 
    }); 
} 

當然，你總是可以只在您的函數開始寫twitter = twitter[0];。

---

哦，這裏是你的代碼jQuery的指明分數：

function getUsername() 
{ 
    var userName = $('[name=screen_name]').val(); 
    $("#display").html(userName); 

    var apiName = "https://api.twitter.com/1/users/lookup.json?screen_name=" + userName + "&callback=?"; 
    $("#display2").html(apiName); 

    $(document).ready(function(){ 
     $.getJSON(apiName, function(twitter) { 
      alert(twitter[0].name); 
      $('#showdata').html("<p>item1=" + twitter[0].follwers_count + " item2=" + twitter[0].friends_count + "</p>"); 
     }); 
    }); 
}