обновление данных с помощью кнопки ввода типа

Question

У меня есть форма с двумя кнопками типа input. Первое - редактирование, когда я нажимаю на него, поле ввода будет включено. Второй - сохранение, когда я нажимаю на него, поле ввода будет отключено, и я должен буду иметь новые значения в базе данных mysql.

Все это отлично работает, кроме обновления значения в базе данных. Как я могу обновить это значение после редактирования с помощью кнопки типа input? Я не могу использовать submit, потому что это вызывает проблему на странице перезагрузки для включения и отключения поля ввода.

JQuery код для включения и отключения

<script> 
    $(document).ready(function(){ 
     $("form input[type=text],form input[type=checkbox]").prop("disabled",true); 
     $("input[name=edit]").on("click",function(){ $(this).closest("tr").find("input[type=text],input[type=checkbox],select").removeAttr("disabled"); 
     }) 
     $("input[name=save]").on("click",function(){ $(this).closest("tr").find("input[type=text],input[type=checkbox],select").prop("disabled",true); 
    }) 
    </script> 

/******************************** ***************/

<form name='' id='' action='' method='post'> 
<input type='text' name='txt_category' id='category' value='$category' disabled> 
<input type='text' name='txt_stage' id='stage' value='$stage' disabled> 
<input type='checkbox' name='txt_approve' id='approve' value='$approve' disabled> 
<input type='button' name='edit' value='edit'> 
<input type='button' name='save' id='save' value='save'> 
</form> 

<?php 
ob_start(); 
include("../includes/connect.php"); 
$id=$_POST['txt_id']; 
$stage=$_POST['txt_stage']; 
$category=$_POST['txt_category']; 
$priority=$_POST['txt_priority']; 
$frequency=$_POST['txt_frequency']; 
$notapprove=$_POST['txt_notapprove']; 
$approve=$_POST['txt_approve']; 
$notexist=$_POST['txt_notexist']; 
$wo=$_POST['txt_wo']; 
$duration=$_POST['duration']; 
$startdate=$_POST['startdate']; 
$enddate=$_POST['enddate']; 
$asd=$_POST['txt_asd']; 
$add=$_POST['txt_add']; 
$aduration=$_POST['txt_aduration']; 
$transferredto=$_POST['txt_transferredto']; 
$prb=$_POST['txt_percentage']; 
$note=$_POST['txt_note']; 
$projectname=$_POST['txt_projectname']; 
if($notapprove==""){$notapprove="False";}else{$notapprove="True";} 
if($approve==""){$approve="False";}else{$approve="True";} 
if($notexist==""){$notexist="False";}else{$notexist="True";} 
$sql=mysqli_query($conn,"update tbl_checklist set db_category='$category',db_stage='$stage',db_priority='$priority',db_frequency='$frequency',db_notapprove='$notapprove',db_wo='$wo',db_asd='$asd',db_add='$add',db_aduration='$aduration',db_transferredto='$transferredto',db_percentage='$prb',db_note='$note',db_approve='$approve',db_notexist='$notexist' where db_id='$id'")or die(mysqli_error($conn)); 
//header("location:checklist.php?msg=1&s=$projectname"); 
ob_end_flush(); 
?> 

Answer 1

Чтобы обновить базу данных, вы должны сделать это на стороне сервера. Если вы не хотите перезагружать страницу, используйте Ajax. Если вы используете JQuery, вы можете увидеть хороший documentation о JQuery Ajax. Это очень просто.

Answer 2

Вы можете использовать приведенный ниже метод ajax для обновления данных без перезагрузки страницы.

В зависимости от того, какой тип запроса вы создадите, эти данные будут либо включены в глобальные переменные $ _GET, либо $ _POST. Ниже приведен простой пример

$.ajax({      
    url: 'content/get.php',  
    type: 'post', // performing a POST request 
    data : { 
    data1 : 'value' // will be accessible in $_POST['data1'] 
    }, 
    dataType: 'json',     
    success: function(data)   
    { 
    // etc... 
    } 
});