如何从jQuery发布值到php

Question

试图找出如何通过JQuery修改输入表单的值，并通过POST表单将其提交到PHP以提交到MySQL数据库中。

这里是形式：

`<fieldset> 
        <input type="date" name="paydate"> <br> 
        <input type="text" class="income" name="openingbalance" placeholder="Opening Balance"> <br> 
        <input type="text" class="income" name="income_1" placeholder="Cheques"> <br> 
        <input type="text" class="income" name="income_2" placeholder="Direct Deposit"> <br><br> 
         <label>Income</label><input type="text" class="sum" id="income_sum" name="Totalincome"><br> 
         <label>Expense</label><input type="text" class="sum" id="expense_sum" name="expense_sum" disabled><br> 
         <label>Remainder</label><input type="text" id="remainder" name="TotalRemainder"><br> 
       </fieldset>` 

这里是脚本：

var $form = $('#balancesheet'), 
     $summinc = $form.find('.income'), 
     $summexp = $form.find('.expense'), 
     $summrem = $form.find('.sum'), 
     $sumDisplayIncome = $('#income_sum'), 
     $sumDisplayExpense = $('#expense_sum'), 
     $sumDisplayRemainder = $('#remainder'); 

    $form.keyup('.income', function() 
    { 
     var sumIncome = 0; 
     $summinc.each(function() 
     { 
      var value = Number($(this).val()); 
      if (!isNaN(value)) sumIncome += value; 
     }); 

     $('#income_sum').val(sumIncome); 
    }); 

    $form.keyup('.expense', function() 
    { 
     var sumExpense = 0; 
     $summexp.each(function() 
     { 
      var value = Number($(this).val()); 
      if (!isNaN(value)) sumExpense -= value; 
     }); 
     $sumDisplayExpense.val(sumExpense); 
    }); 

    $form.keyup('.sum', function() 
    { 
     var sumRemain = 0; 
     $summrem.each(function() 
     { 
      var value = Number($(this).val()); 
      if (!isNaN(value)) sumRemain += value; 
     }); 
     $sumDisplayRemainder.val(sumRemain); 
    });` 

太行：<label>Remainder</label><input type="text" id="remainder" name="TotalRemainder"> 是我想要取的值的两个领域之一，就像它在JQuery中显示的一样，并使用它来POST到php代码并进入MySQL数据库

谢谢，

Answer 1

如果你想要做一个异步POST，你可以使用jQuery的ajax函数。

var form = $('#balancesheet'); 

$.ajax({ 

    url: 'your-file.php', 
    data: form.serialize(), 
    type: 'POST', 
    dataType: 'json', // assumes the php file will return json 
    success: function(response){ 

    // do something with the response 
    }, 
    error: function(xhr){ 
     console.log(xhr.responseText); 
    } 
}); 

如果你只是要提交一个领域，你可以调用Ajax的功能，以同样的方式，但你会改变：

data: form.serialize() 

喜欢的东西

data: {remainder: $('#remainder').val()} 

你的PHP需要传达它将数据添加到数据库的成功经验，并且通常使用json作为通信协议。如果您不熟悉它，请查看json_encode。