AJAXを介して状態を変更したい

Question

実際には、ボタンを押すと、私は関数を呼び出すと、これを介していくつかのデータをdbで更新したいと思います。ここで

は私のコードです：

echo "<button type='button' class='btn btn-info btn-md' id='click' onclick='loadDoc()'>Approve</button>"; 
// as the button is click loadDoc() is call 

loadDoc()コードはここにある：ここで

function loadDoc() 
{ 
    var xhttp = new XMLHttpRequest(); 
    xhttp.open('GET', 'updatebox.php', true); 
    xhttp.send(); 
    document.getElementById('demo').innerHTML = 'hello'; 
} 

は私updatebox.phpです：

<?php 
    include_once("Order.php"); 
    include("connection.php"); 
    $query="UPDATE orders 
    SET status='cooking' 
    WHERE order_id='this.order_id'"; 
    $filter_Result=mysqli_query($connection,$query); 

    // here is the problem i just want to update some data into my table and after that i want to remove the button 

?> 

Answer 1

あなたがupdateクエリを使用する必要があなたのテーブルのデータを更新するには、SQL Updateに見てみましょう。

$.get('updatebox.php',{},function(){ 
    $('click').hide(); 
}) 

ORとXMLHttpRequest成功コールバック：

xhttp.onreadystatechange = function() { 
    if (xhttp.readyState == 4 && xhttp.status == 200) { 
     document.getElementById("click").style.display = 'none'; 
    } 
}; 

あなたの代わりに get()要求を使用することができ、ボタンを非表示にする

if (mysqli_query($connection,$query)) { 
    echo "Record updated successfully"; 
} else { 
    echo "Error updating record: " . mysqli_error($conn); 
} 

：下記の例のようにDBが更新された場合、使用状況をチェックします

これが役に立ちます。