如何使用onclick函数更新数据库

时间:2015-12-10 06:54:20

标签: javascript php html database mysqli

如何用onclick创建一个函数?

<?php if ($displayStatus['status'] == "Active") {?>
    <button class="selected"><a href="#" onclick="return getSuccessOutput">Active</a></button><br><br>
<?php } else {?>
    <button class="seedo"><a href="#" onclick="return getSuccessOutput" >Active</a></button><br><br>
<?php } ?>

image for status button

<script type="text/javascript">
    function getSuccessOutput() {
     //enter code here???
    }
</script>


$HOST = "localhost";
$USERNAME = 'root';
$PASSWORD = '';
$DB = 'DB';

该功能就像我选择活动按钮一样,点击按钮后,它将更新数据库并将DB“Status”行中的状态更改为Active。

5 个答案:

答案 0 :(得分:0)

您无法使用javascript函数更新数据库中的任何记录。 您必须在onclick上使用的函数中使用ajax请求,而不是添加新的PHP文件并在此文件中编写查询。

答案 1 :(得分:0)

<form action="updateAction.php" method="post">    
<button type="submit" class="selected">Active</button>
</form>

并在updateAction.php

中写下您的更新代码

答案 2 :(得分:0)

在您的HTML文件中

<?php if ($displayStatus['status'] == "Active"){?>
<button class="selected"><a href="#" onclick="return getSuccessOutput()">Active</a></button><br><br>

<?php } else {?>
 <button class="seedo"><a href="#" onclick="return getSuccessOutput()" >Active</a></button><br><br>
 <?php }

<script type="text/javascript" src="ajax.js"></script>
ajax.js中的

做这样的事情

    $.post(site_url.concat('cert.php') , { special_code:'you_can_send' } , function(data){
           // dom something here
    });

创建一个process.php,您必须处理通过$ _POST方法获得的信息

$HOST = "localhost";
$USERNAME = 'root';
$PASSWORD = '';
$DB = 'DB';

// your script here

答案 3 :(得分:0)

创建一个php文件并使用ajax。更多细节请查看link。满足你的问题答案。

答案 4 :(得分:0)

这里是完整的代码,因为你需要看看并学习并自己尝试

注意:

index.php页面中的

我给出了静态值&#39; 1&#39;要隐藏输入,您需要通过传递记录ID来更改值。还要更改$ status = $ displayStatus [&#39; status&#39;]

的值

<强>的index.php

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
  </head>
  <body>

<?php 
  $status="Active";
  if($status=="Active"){ ?>
  <input type="hidden" name="id" value="1" id="recordId"/>
  <button  class="chageStatus" value="Active"><a href="#">Active</a></button><br><br>
<?php }else{ ?>    
  <button class="chageStatus" value="Inactive"><a href="#">Inactive</a></button><br><br>
  <?php }?>

  <script>
    jQuery(document).ready(function(){
       jQuery('.chageStatus').on('click',function(){
          $.ajax({
            url:'changeStatus.php',
            type:'post',
            data:{'status':jQuery(this).val(),id:jQuery('#recordId').val()},
          }).success(function(response){
              alert(response);
          });
       });
    });
  </script>
</body>
</html>

<强> changeStatus.php

<?php 
echo $recordId=$_POST['id'];
echo "</br>";
echo $status=$_POST['status'];


// do connection and update the status of $recordId and its updated value will be $status
?>