Question

我对ajax和jquery很新，但我知道一些php。我有一个页面，我可以获得学生的详细信息。我想要的只是当我点击添加按钮，学生将被插入付费表格，学生姓名将显示在页面上。学生姓名旁边会有一个删除按钮，如果我点击它，它应该删除该学生。

难道这样做吗？你呢知道互联网上的任何样品吗？

我的ajax代码应该如何根据我的页面？

这是我的学生页面

<?
include ("connect.php");

$id = trim($_GET['id']);

 $result = mysql_query("SELECT * FROM students
 WHERE students_id='$id'");
 while($row = mysql_fetch_array($result))
 {
 $studentname = $row['students_name'];
 }

?>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
</head>

<body>

        <form method="post" name="form">
            <input type="hidden" id="studentname" name="studentname" value="<? echo $studentname; ?>" />
            <input type="submit" id="addme" name="addme" value="Add <? echo $studentname; ?>" />
        </form>


</body>
</html>

这是我的添加页面

<?
include ("connect.php");

if (isset($_POST['addme'])) 
{

 $studentname = $_POST["studentname"];

 mysql_query("INSERT INTO paid SET paid_name = '$studentname'");

 mysql_close($con);

}
?>

这是我的删除页面

<?
include ("connect.php");

  $delete = $_POST["delete"];

  mysql_query("DELETE FROM paid WHERE paid_id='$delete'");
  mysql_close($con);

?>

这是我的展示页面：

<?

include ("connect.php");

  $result = mysql_query("SELECT * FROM paid");
  while($row = mysql_fetch_array($result))
   {
   echo $row['paid_name'];
   echo "<br>";
   }

  mysql_close($con);



?>

这是我的数据库：

--
-- Table structure for table `students`
--

CREATE TABLE IF NOT EXISTS `students` (
  `students_id` int(11) unsigned NOT NULL AUTO_INCREMENT,
  `students_name` varchar(100) NOT NULL DEFAULT '',
  PRIMARY KEY (`students_id`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8 ;

-- 
-- Dumping data for table `students`
-- 

INSERT INTO `students` VALUES (1, 'David');
INSERT INTO `students` VALUES (2, 'Lisa');
INSERT INTO `students` VALUES (3, 'Jack');
INSERT INTO `students` VALUES (4, 'Michelle');


CREATE TABLE IF NOT EXISTS `paid` (
  `paid_id` int(11) unsigned NOT NULL AUTO_INCREMENT,
  `paid_name` varchar(100) NOT NULL DEFAULT '',
  PRIMARY KEY (`paid_id`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8 ;

-- 
-- Dumping data for table `paid`
-- 

INSERT INTO `paid` VALUES (1, 'Michelle');
INSERT INTO `paid` VALUES (2, 'Lisa');

更新####添加了我的页面。

Answer 1

我认为最先用PHP编写所有函数是最简单的。然后在顶部添加jQuery / Ajax / Js。

但是，如果你仍然想这样做，我建议你阅读：http://api.jquery.com/jQuery.ajax/

然后我会写三页：

索引（主页）
添加学生页面（使用ajax调用，因此无需设计）
删除学生页面（也称为使用ajax，因此无需设计）

然后我将add_student和delete_student页面采用POST或GET参数。

您还需要2个JS函数：

删除学生，接受参数student_id，然后使用POST或GET通过jQuery + ajax调用delete_student页面
创建学生，与上述相同，但改为创建。

此外，您需要使用jQuery从页面添加/删除用户（不仅仅是在数据库中），否则您必须始终更新页面。

这有意义吗？

否则，请随时问！：）

Answer 2

我建议您查看jQuery。它将极大地简化创建ajax脚本的过程。

您可以将点击事件附加到添加和删除链接。在那些事件函数中，您运行jQuery ajax函数。检查ajax回调中的结果并决定是否更改页面html（添加或删除学生）

如何使用ajax或jquery添加和删除

2 个答案: