如何從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。