how to use jquery ajax array post json?

Answer 1

Don't use if(clickHandler) style syntax, that will never trigger when you want it to, instead just define the click handler:

$('#save-menu').click(function() {
    //do stuff on save-menu click
})

Answer 2

Bind an event handler to the "click" JavaScript event, or trigger that event on an element.

$( "#save-menu" ).click(function() {
   //Handler for .click() called. 
   $.post('menu/order',{...});
});

$( "#calculator" ).click(function() {
   //Handler for .click() called. 
   $.post('menu/calculator',{...});
});

Answer 3

It's the way you have the click events set up that are causing you your problems. It should look more like this:

$('#save-menu').click(function() {
  $.post(... ajax stuff...);
});