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>"); 
     }); 
    }); 
}