javascript - 使用 php 或 javascript 通过按钮 onclick

Question

使用 foreach 我显示了带有两个按钮的条目 - 分别更新和删除，如何使用 onclick(php 或 javascript)使这些按钮响应？ Please click here to view attachment 。谢谢。

注意:未标记的按钮位于条目中 - 最右侧 代码如下:

$get_product_details = $db->query("SELECT product_name,product_type FROM products WHERE product_code = '$product_code'");
foreach($get_product_details as $key) {
    echo'<tr><td>'.$key['product_name'].'</td><td>'.$key['product_type'].'</td><td><input type =  "text" name = "actual_case" value = "'.$quantity.'"class = "form-control" style = "width:20%;"></td>
    <td><a href="?update='.$product_code.'"<input type = "button" name = "update" class =  "form-control" value ="update" style = "width:20%;height:0"></a></td>
    <td><a href="?remove='.$product_code.'"<input type = "button" name = "remove" id = "" class =  "form-control" value ="remove" style = "width:20%;height:0"></a></td></td></tr></br>';
}
if(isset($_GET['remove'])){
    $delete_entry = $db->query("DELETE * FROM order_supplier_list WHERE order_supplier_id = '$transaction_id' AND product_code = '".$_GET['remove']."'");   
}
if(isset($_GET['update'])){
    $qntity = $_POST['actual_case'];
    $update_order = $db->query("UPDATE order_supplier_list SET quantity = '$qntity' WHERE order_supplier_id = '$transaction_id' AND product_code = '".$_GET['update']."'");
}

Answer 1

我创建了一个隐藏字段来保存 $product_code 变量的值，并去掉了 anchor 标记，因为我在 ajax 中处理了这个问题。 然后我在 jquery 中获取这个值，在 ajax 部分中用它构建 url。

foreach($get_product_details as $key) {
  echo'<tr><td>'.$key['product_name'].'</td>  <td>'.$key['product_type'].'</td><td><input type =  "text" name = "actual_case" value = "'.$quantity.'"class = "form-control" id="quantity" style = "width:20%;"></td>
  <td><input type = "hidden" name = "product_code" class =  "form-control" value ="'.$product_code.'" style = "width:20%;height:50"></td>
 <td><input type = "button" name = "update" class =  "form-control" value ="update" style = "width:20%;height:50" onclick="updateProduct()"> </td>
    <td><input type = "button" name = "remove" id = "" class =  "form-control" value ="remove" style = "width:20%;height:50" onclick="deleteProduct()></td></td></tr></br>';}

这部分是jquery与ajax部分

$(function(){


function updateProduct(){
    var hiddenProduct_Code=$('#hiddenProduct_code').val();
    var quantity=$('#quantity').val();
    $.ajax({
            method: 'GET',
            url: "?update="+hiddenProduct_Code+"",
            data: {'update' : hiddenProduct_Code,'actual_case':quantity},
            success: function (data) {
            if (data) {
               alert(data);
            }
        },
    });
}

function deleteProduct(){
    var hiddenProduct_Code=$('#hiddenProduct_code').val();
    $.ajax({
            method: 'GET',
            url: "?remove="+hiddenProduct_Code+"",
            data: {'remove' : hiddenProduct_Code},
            success: function (data) {
            if (data) {
               alert(data);
            }
        },
    });
}
});

您可以执行所需的任务，移动到检查是否触发更新或删除操作的页面

    <?php 


if(isset($_GET['remove'])){
    $delete_entry = $db->query("DELETE  FROM order_supplier_list WHERE order_supplier_id = '$transaction_id' AND product_code = '".$_GET['remove']."'");   
}
if(isset($_GET['update'])){
    $qntity = $_GET['actual_case']; //I change it from $_POST to ensure uniformity
    $update_order = $db->query("UPDATE order_supplier_list SET quantity = '$qntity' WHERE order_supplier_id = '$transaction_id' AND product_code = '".$_GET['update']."'");
}

 ?> 

希望这有帮助 DELETE 语法已修复，您可以从中找到更多信息 dev.mysql.com/doc/refman/5.7/en/delete.html感谢@Fred