Как использовать jquery ajax array post json?

Question

Я хочу отправить массив в ajax json post, но некоторый код - error.how, чтобы установить этот код?

HTML

<table width="200" border="1"> 
     <tr> 
     <td>table</td> 
     <td> 
      <input name="table[]" type="text" id="table[]" value="5" /> 
    </td> 
     </tr> 
     <tr> 
     <td>menu</td> 
     <td><input name="menu[]" type="text" id="menu[]" value="noodle" /></td> 
     </tr> 
     <tr> 
     <td>number</td> 
     <td><input name="number[]" type="text" id="number[]" value="1" /></td> 
     </tr> 
     <tr> 
     <td>note</td> 
     <td><input name="note[]" type="text" id="note[]" value="no " /></td> 
     </tr> 
     <tr> 
     <td>table</td> 
     <td><input name="table[]" type="text" id="table[]" value="1" /></td> 
     </tr> 
     <tr> 
     <td>menu</td> 
     <td><input name="menu[]" type="text" id="menu[]" value="beer" /></td> 
     </tr> 
     <tr> 
     <td>number</td> 
     <td><input name="number[]" type="text" id="number[]" value="2" /></td> 
     </tr> 
     <tr> 
     <td>note</td> 
     <td><input name="note[]" type="text" id="note[]" value="-" /></td> 
     </tr> 
    </table> 
<button id="save-menu">save</button> 
<button id="calculator">calculator</button> 

Jquery: если я нажимаю кнопку Save-меню это отправить некоторые данные в меню/заказа или я нажимаю кнопку калькулятора отправить некоторые данные в калькулятор странице. Но не мой код jquery не отправляет все значения в массив, как это сделать? Помогите мне пожалуйста. Спасибо.

 <script> 
     $(document).ready(function(){ 
$('#save-menu').click(function() { 

     $.post('menu/order', {  
      table : $('select#workplace-table').val(), 
      'mid[]' : $('input#order-mid').val(), 
      'number[]' : $('input#order-number').val(), 
      'note[]' : $('input#order-note').val(), 
      }); 


    $('#calculator').click(function() { 

     $.post('menu/calculator, {  
      table : $('select#workplace-table').val(), 
      'mid[]' : $('input#order-mid').val(), 
      'number[]' : $('input#order-number').val(), 
      }); 


     }); 
     </script> 

Answer 1

Не используйте if(clickHandler) синтаксис стиля, который никогда не будет триггера, когда вы хотите, чтобы он, вместо того, чтобы просто определить обработчик щелчка:

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

Answer 2

Это путь у вас есть кнопки мыши событие, установленное на что вызывают у вас проблемы. Он должен выглядеть следующим образом:

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

Answer 3

Bind обработчик события к «нажмите» JavaScript, или вызывает данное событие на элемент.

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

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