如何用ajax或jquery添加和删除

| 我对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\');
UPDATED ####添加了我的页面。     
已邀请:
我认为最简单的方法是首先在PHP中创建所有功能。然后在顶部添加jQuery / Ajax / Js。 但是,如果您仍然想这样做,我建议您阅读以下内容:http://api.jquery.com/jQuery.ajax/ 然后,我将制作三页: 索引(主页) 添加学生页面(使用ajax调用,因此无需设计) 删除学生页面(也称为使用ajax,因此无需设计) 然后,我将让add_student和delete_student页面采用POST或GET参数。 您还将需要2个JS函数: 删除学生,使用参数student_id,然后通过jQuery + ajax通过POST或GET调用delete_student页面 创建学生,与上面相同,但改为创建学生。 另外,您需要使用jQuery从页面中添加/删除用户(不仅在数据库中),否则,您必须一直更新页面。 这有意义吗? 否则,请随时询问! :)     
我鼓励您检查jQuery。它将大大简化创建ajax脚本的过程。 您将点击事件附加到添加和删除链接。在这些事件函数中,您将运行jQuery ajax函数。检查ajax回调中的结果,并决定是否更改页面html(添加或删除学生)     

要回复问题请先登录注册