Question

我想在网页上显示一个表格。表从mysql表中获取内容。我的表格中每行都有一个删除按钮。我希望每当我点击删除按钮时，该行应该从数据库和网页中删除。

这是我的代码

<script>
function ajaxFunction(str){
if (str=="")
{
document.getElementById("txtHint").innerHTML="";
return;
} 
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","ajax-example.php?name="+str,true);
xmlhttp.send();
}
</script>
<?php
// Connect to the database
 $dbLink = new mysqli('127.0.0.1', 'root', 'root', 'test');
if(mysqli_connect_errno()) {
die("MySQL connection failed: ". mysqli_connect_error());
}

// Query for a list of all existing files
$sql = 'SELECT `id`, `name`, `mime`, `size`, `created` FROM `file`';
$result = $dbLink->query($sql);

// Check if it was successfull
if($result) {
// Make sure there are some files in there
if($result->num_rows == 0) {
    echo '<p>There are no files in the database</p>';
}
else {

    // Print the top of a table
   echo " <table width=100%>
            <tr>
                <td><b>Name</b></td>
                <td><b>Mime</b></td>
                <td><b>Size (bytes)</b></td>
                <td><b>Created</b></td>
                <td><b>&nbsp;</b></td>
            </tr>";

    // Print each file

    while($row = $result->fetch_assoc()){ 

        echo "
            <tr>
                <td>{$row['name']}</td>
                <td>{$row['mime']}</td>
                <td>{$row['size']}</td>
                <td>{$row['created']}</td>
                <td><a href='get_file.php?id={$row['id']}'>Download</a></td>
        <td><input type='checkbox' class='checkbox'></td>
        <td><input type='button' class= 'button' value='delete' name='delete' onClick='ajaxFunction({$row['name']})'></td>
        <td><input type='button' class='button' value='edit' name='edit'></td>
            </tr>";
    }

    // Close table
   echo " </table>";

 }

 // Free the result
 $result->free();
 }
 else
 {
 echo 'Error! SQL query failed:';
 echo "<pre>{$dbLink->error}</pre>";
 }
 echo "<div id='txtHint'>Yours</div>";
 $dbLink->close();
 ?>

这是我的ajax-example.php

  <?php
  // Connect to the database
  $name=$_GET['name'];
  $dbLink = new mysqli('127.0.0.1', 'root', 'root', 'test');
  if(mysqli_connect_errno()) {
  die("MySQL connection failed: ". mysqli_connect_error());
   }

  // Query for a list of all existing files

  $sql = 'SELECT `id`, `name`, `mime`, `size`, `created` FROM `file` where `name`="$name"';
  $result = $dbLink->query($sql);

  // Check if it was successfull
  if($result) {
  // Make sure there are some files in there
  if($result->num_rows == 0) {
    echo '<p>There are no files in the database</p>';
  }
  else {
    // Print the top of a table
    echo '<table width="100%">
            <tr>
                <td><b>Name</b></td>
                <td><b>Mime</b></td>
                <td><b>Size (bytes)</b></td>
                <td><b>Created</b></td>
                <td><b>&nbsp;</b></td>
            </tr>';

    // Print each file
    while($row = $result->fetch_assoc()) {

    echo "
            <tr>
                <td>{$row['name']}</td>
                <td>{$row['mime']}</td>
                <td>{$row['size']}</td>
                <td>{$row['created']}</td>
                <td><a href='get_file.php?id={$row['id']}'>Download</a></td>
                <td><input type='checkbox' class='checkbox'><input type='button' style='display:none' class= 'button' value='delete' name='delete'><input type='button' style='display:none' class='button' value='edit' name='edit'></td>
                     </tr>";    
}
    // Close table
    echo "</table>";
    }
    // Free the result
    $result->free();
    }
     else
    {
       echo 'Error! SQL query failed:';
      echo "<pre>{$dbLink->error}</pre>";
     }

     // Close the mysql connection
     $dbLink->close();
     ?>

此文件实际上是尝试打印我单击删除按钮的行。我想先做这件事。如果该行被选中，那么删除它将不会有问题。但是网页只显示表格而按下删除按钮不会改变内容“你的”。我不知道该怎么办。我在哪里弄错了？

/笔记/ 此功能是功能的一部分。实际上，当我点击复选框时，那些删除按钮和编辑按钮应该是可见的。为此我使用javascript。但在这里我没有表现出来。我能找到的是ajaxFunction（）没有被调用。因为我尝试在其中使用警报（“hi”），并且在点击删除按钮时网页上没有任何内容。

任何帮助？

由于

Answer 1

使用Jquery javascript库使用$ ajax方法。

    $.ajax({
  type: "POST",
  url: "some.php",
  data: { name: "John", location: "Boston" }
})
  .done(function( msg ) {
    alert( "Data Saved: " + msg );
  });

在这里，您可以定义数据类型：type: "POST",，您希望获得结果的网址，也可以为您的sql查询while子句传递数据。data: { id: delete_id}

你可以在这里学习。它非常容易。 http://api.jquery.com/jQuery.ajax/

您将ID存储在<input type="hidden">中，然后使用$('selector'),val()设置值并将其分配给变量delete_id=$('selector'),val();选择器将是类或ID，如下所示：$('#id')或{ {1}}。现在传递ajax中的数据。

Answer 2

我想我需要在html的头部移动javascript ..我也曾经发生过......移动后，工作正常......希望能帮到你......

<html>
<head>
<script>
   <-- your function -->
</script>
</head>
   .
   .

   ,

无法用php使用ajax？

2 个答案: