$(function() {
$('#menu li > a').click(function(e) {
e.preventDefault();
var my_id = $(this).attr('id'); // li a #
$.ajax({
type: "POST",
url: "ajax_call.php",
data: "action=do_something&my_id=" + my_id,
success: function(data){
my_function(my_id); //run your outside function...
//OR use "data" from the php echo and append it to DOM
// $(#ajax_call_back).append(data);
},
complete: function(data){
//on complete do something..
},
error: function(data){
//this here for demo pseudo ajax handle error instead!
my_function(my_id);
},
});
});
});
function my_function(id) {
alert(id);
var map = '';
switch(id)
{
case 1:
map = id; //map_1
break;
case 2:
map = id; //map_2
break;
case 3:
map = id; //map_3
break;
default:
map = id; //map_0
}
$('#application').text('map_' + map);
};