jquery - jquery getjson问题

Question

此代码在脚本标签中运行良好。但是当我在函数中编写这段代码并在任何地方调用它时，getjson 不起作用。我没有改变任何东西，只是把它放在一个函数中，代码不起作用。这是我的代码：

var searchUrl = "http://search.twitter.com/search.json?q=" + "emre" + "&rpp=" + 5 + "&lang=en&callback=?";

$.getJSON(searchUrl, function(data) {
  var twitterList = $( "<ul />" );

  $.each( data.results, function( index, item ) {
    $( "<li />", { "text" : item.text } )
    .appendTo( twitterList );
  });

  $( "#output" ).fadeOut( "fast", function(){
    $( this ).empty()
    .append( twitterList )
    .fadeIn( "slow" );
  });
});

Answer 1

工作小提琴：http: //jsfiddle.net/

(function($) {
  $(document).ready(function() {
    var twitterURL = "http://search.twitter.com/search.json?q=" + "emre" + "&rpp=" + 5 + "&lang=en&callback=?";    
    myFunction(twitterURL);
  });

  function myFunction(twitterURL) {
    $.getJSON(twitterURL, function(data) {
      var twitterList = $( "<ul />" );

      $.each( data.results, function( index, item ) {
        $( "<li />", { "text" : item.text } )
        .appendTo( twitterList );
      });

      $( "#output" ).fadeOut( "fast", function() {
        $( this ).empty()
        .append( twitterList )
        .fadeIn( "slow" );
      });
    });
  }
})(jQuery);

Answer 2

演示

功能 ：

  function searchThis(url){
    $.getJSON(url, function(data) {
    var twitterList = $( "<ul />" );

     $.each( data.results, function( index, item ) {
       $( "<li />", { "text" : item.text } )
       .appendTo( twitterList );
     });

     $( "#output" ).fadeOut( "fast", function(){
       $( this ).empty()
       .append( twitterList )
       .fadeIn( "slow" );
    });
  });
}

调用函数

var searchUrl = "http://search.twitter.com/search.json?q=" + "emre" + "&rpp=" + 5 + "&lang=en&callback=?";

searchThis(searchUrl);