Jquery一次声明变量

Question

如何声明jQuery变量在每个函数/事件中使用？我的脚本看起来很丑，在每个事件中重复声明var，如何更改'一劳永逸'var并在文档中使用？没有var关键字

$(document).ready(function(){ 

    var keyword = $("#autocomplete").val(); 
     group = <?php echo $tb->group ?>; 
     uid = <?php echo $tb->uid ?>; 

    loadData(1, group, uid, ''); 

    $('#btn_search').click(function(){ 
     var keyword = $("#autocomplete").val(); 
      group = <?php echo $tb->group ?>; 
      uid = <?php echo $tb->uid ?>; 
     loadData(1,group,uid,keyword); 
    }); 

    $('body').on('click touchend', '#list-container .pagination li.go', function(){ 
     var page = $(this).attr('p'); 
      group = <?php echo $tb->group ?>; 
      uid = <?php echo $tb->uid ?>; 
      keyword = $("#autocomplete").val(); 

     loadData(page,group,uid,keyword); 
    }); 

}); 

function loadData(page,group,uid,keyword){ 

    $.ajax({ 
     type: "POST", 
     url: "process.php", 
     data: { 
      page:page, 
      group:group, 
      uid:uid, 
      keyword:keyword 
     }, 
     success: function(response){ 
      $('#output').html(response.html); 
     } 
    }); 
} 

Answer 1

声明变量那么这将是一个全局变量窗口周围物体的内部

keyword = $("#autocomplete").val(); 
    group = <?php echo $tb->group ?>; 
    uid = <?php echo $tb->uid ?>; 

OER使用这样

​​

修改代码

$(document).ready(function(){ 

     keyword = $("#autocomplete").val(); 
     group = <?php echo $tb->group ?>; 
     uid = <?php echo $tb->uid ?>; 

    loadData(1, group, uid, ''); 

    $('#btn_search').click(function(){ 
     loadData(1,group,uid,keyword); 
    }); 

    $('body').on('click touchend', '#list-container .pagination li.go', function(){ 
     var page = $(this).attr('p'); 
     loadData(page,group,uid,keyword); 
    }); 

}); 

function loadData(page,group,uid,keyword){ 

    $.ajax({ 
     type: "POST", 
     url: "process.php", 
     data: { 
      page:page, 
      group:group, 
      uid:uid, 
      keyword:keyword 
     }, 
     success: function(response){ 
      $('#output').html(response.html); 
     } 
    }); 
}