Turn 3 .getjson() into 1

[gsprague]

Hello All,

I am a newbie when it comes to JQuery and was wonder the best way to get this into one click.function(). Or would it be best to leave it as 3? Basically the only difference in the 3 click.functions() is the href id which I am passing to my .getJSON url. This is probably really simple but I'm not sure of the best way, maybe by getting the href id via .this somehow?

	$(document).ready(function() {
		$('a#clients').click(function(){
			//$('#ulist li').remove();
			$('#ulist li').hide("slow");
			$.getJSON("select_from_db.php?table=clients",
			function(data){
				for (var i=1; i < data.length; i++){
					var dataRow = (data[i]['id']+' '+data[i]['name'])
					$('<li>' + dataRow + '</li>').appendTo('ul');
				}
			    //alert(data[i]['id']);
			});
		});
		$('a#hardware').click(function(){
			$('#ulist li').hide("slow");
			$.getJSON("select_from_db.php?table=hardware",
			function(data){
				for (var i=1; i < data.length; i++){
					var dataRow = data[i]['id']+' '+data[i]['model']
					$('<li>' + dataRow + '</li>').appendTo('ul');
				}
			    //alert(data[i]['id']);
			});
		});
		$('a#software').click(function(){
			$('#ulist li').hide("slow");
			$.getJSON("select_from_db.php?table=software",
			function(data){
				for (var i=1; i < data.length; i++){
					var dataRow = data[i]['id']+' '+data[i]['manufacturer']
					$('<li>' + dataRow + '</li>').appendTo('ul');
				}
			    //alert(data[i]['id']);
			});
		});
	});

Any help is greatly appreciated!
Thanks you very much!

[rnd me]

i don't know if there is a best way, but you might try something like this:

$(document).ready(function() {

 
   function clicker(addy, cat){// builds an onclick function that closes clicker's arguments
		return function(){
				//$('#ulist li').remove();
				$('#ulist li').hide("slow");
				$.getJSON(addy,
				function(data){
					for (var i=1, mx=data.length; i < mx; i++){
						var dataRow = (data[i]['id']+' '+data[i][cat])
						$('<li>' + dataRow + '</li>').appendTo('ul');
					}
				    //alert(data[i]['id']);
				});
			}
   }

	$('a#clients').click(clicker("select_from_db.php?table=clients", 'name' ));
	$('a#hardware').click(clicker("select_from_db.php?table=hardware",'model' ));
	$('a#software').click(clicker("select_from_db.php?table=software", 'manufacturer'));

});

basically i am just using a an extra function as a template to give me a couple keywords to use privately in the onclick.
the vars addy and cat are set at build time, and the inner onclick function remembers those arguments, even though it doesn't accept any arguments of its own.

[gsprague]

Thank rnd me!!! This works great!!!!