입력 유형 버튼을 사용하여 데이터를 업데이트하십시오.

Question

두 개의 input 유형 버튼이있는 양식이 있습니다. 첫 번째는 편집이고, 클릭하면 입력 필드가 활성화됩니다. 두 번째는 저장됩니다. 클릭하면 입력 필드가 비활성화되고 mysql 데이터베이스에 새 값이 있어야합니다.

이 모든 것은 값을 데이터베이스로 업데이트하는 것 외에는 잘 작동합니다. input 유형 버튼을 사용하여 수정 한 후이 값을 어떻게 업데이트 할 수 있습니까? 입력란을 사용 및 사용 중지하려면 페이지를 새로 고침하는 중 문제가 발생하므로 제출을 사용할 수 없습니다.

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를 사용하고 있다면 JQuery Ajax에 대해 좋은 documentation을 볼 수 있습니다. 정말 간단합니다.

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... 
    } 
});