如何使用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####增加了我的页面。
回答 2
Stack Overflow用户
发布于 2011-05-24 08:23:06
我认为首先在PHP中使用所有函数是最容易的。然后在顶部添加jQuery/Ajax/Js。
但是，如果您仍然想这样做，我建议您阅读以下内容：http://api.jquery.com/jQuery.ajax/
然后我会写三页：
- 索引(主页)
- 添加学生页面(称为ajax，因此不需要设计)
- 删除学生页面(也称为ajax，因此不需要设计)
然后，我会让add_student和delete_student页面要么发布，要么获取参数。
您还需要2个JS函数：
- 删除学生，接受参数student_id，然后通过jQuery+ajax调用带有POST或GET的delete_student页面
- 创建学生，与上述相同，但与之相反。
此外，您还需要使用jQuery从页面中添加/删除用户(不仅是在数据库中)，否则必须随时更新页面。
这有道理吗？
否则，请随便问！:)
Stack Overflow用户
发布于 2011-05-24 08:23:22
我鼓励你去看看jQuery。它将大大简化脚本的创建过程，将大大简化。
将单击事件附加到添加和删除链接。在这些事件函数中，运行jQuery ajax函数。检查ajax回调中的结果，并决定是否更改页面html (添加或删除一个学生)
https://stackoverflow.com/questions/6107361
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号