jquery 处理table行新增删除问题

var currIndex = $(obj).parent().parent().index();
$("table[class='tab'] tr:gt("+currIndex+")").each(function (index,element){
$(element).remove();
});
var currTr = $(obj).parent().parent();
var nameRow = currTr.clone(true);
nameRow.html("<th>名称:</th><td><input type='text' id='title' name='title' style='width: 180px;'/></td>");
nameRow.appendTo($("table[class='tab']"));
var urlRow = currTr.clone(true);
urlRow.html("<th>地址:</th><td><textarea id='adLink' name='adLink' rows='6' cols='30'></textarea></td>");
urlRow.appendTo($("table[class='tab']"));
var imageRow = currTr.clone(true);
imageRow.html("<th>图片:</th><td colspan='2'><input type='button' name='imgManage' value='图片' /></td>");
imageRow.appendTo($("table[class='tab']"));
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是一个基于 jQuery 的 Ajax 实现增删改查用户信息的示例: 1. 首先,创建一个 HTML 页面,并添加一个表格用于显示用户信息,并添加四个按钮用于增删改查用户信息。例如: ```html <!DOCTYPE html&gt; <html&gt; <head&gt; <title&gt;用户管理</title&gt; <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;</script&gt; <script&gt; $(document).ready(function() { // 查询用户信息 $("#btn-query").click(function() { $.ajax({ url: "query.php", type: "GET", dataType: "json", success: function(data) { $("#user-table tbody").empty(); $.each(data, function(index, user) { $("#user-table tbody").append("<tr&gt;<td&gt;" + user.id + "</td&gt;<td&gt;" + user.name + "</td&gt;<td&gt;" + user.age + "</td&gt;<td&gt;" + user.gender + "</td&gt;</tr&gt;"); }); } }); }); // 新增用户信息 $("#btn-add").click(function() { var name = $("#add-name").val(); var age = $("#add-age").val(); var gender = $("#add-gender").val(); $.ajax({ url: "add.php", type: "POST", data: {name: name, age: age, gender: gender}, success: function(data) { alert(data); } }); }); // 修改用户信息 $("#btn-edit").click(function() { var id = $("#edit-id").val(); var name = $("#edit-name").val(); var age = $("#edit-age").val(); var gender = $("#edit-gender").val(); $.ajax({ url: "edit.php", type: "POST", data: {id: id, name: name, age: age, gender: gender}, success: function(data) { alert(data); } }); }); // 删除用户信息 $("#btn-delete").click(function() { var id = $("#delete-id").val(); $.ajax({ url: "delete.php", type: "POST", data: {id: id}, success: function(data) { alert(data); } }); }); }); </script&gt; </head&gt; <body&gt; <h1&gt;用户管理</h1&gt; <table id="user-table" border="1"&gt; <thead&gt; <tr&gt; <th&gt;ID</th&gt; <th&gt;姓名</th&gt; <th&gt;年龄</th&gt; <th&gt;性别</th&gt; </tr&gt; </thead&gt; <tbody&gt; </tbody&gt; </table&gt; <br&gt; <h2&gt;新增用户信息</h2&gt; 姓名:<input type="text" id="add-name"&gt;<br&gt; 年龄:<input type="text" id="add-age"&gt;<br&gt; 性别:<input type="text" id="add-gender"&gt;<br&gt; <button id="btn-add"&gt;新增用户</button&gt; <br&gt;<br&gt; <h2&gt;修改用户信息</h2&gt; ID:<input type="text" id="edit-id"&gt;<br&gt; 姓名:<input type="text" id="edit-name"&gt;<br&gt; 年龄:<input type="text" id="edit-age"&gt;<br&gt; 性别:<input type="text" id="edit-gender"&gt;<br&gt; <button id="btn-edit"&gt;修改用户</button&gt; <br&gt;<br&gt; <h2&gt;删除用户信息</h2&gt; ID:<input type="text" id="delete-id"&gt;<br&gt; <button id="btn-delete"&gt;删除用户</button&gt; <br&gt;<br&gt; <button id="btn-query"&gt;查询用户信息</button&gt; </body&gt; </html&gt; ``` 2. 在服务器上创建四个 PHP 文件(query.php、add.php、edit.php、delete.php),分别用于处理查询、新增、修改、删除用户信息的请求。例如: query.php: ```php <?php $conn = mysqli_connect("localhost", "username", "password", "database"); $sql = "SELECT * FROM users"; $result = mysqli_query($conn, $sql); $data = array(); while ($row = mysqli_fetch_assoc($result)) { $data[] = $row; } echo json_encode($data); mysqli_close($conn); ?&gt; ``` add.php: ```php <?php $name = $_POST["name"]; $age = $_POST["age"]; $gender = $_POST["gender"]; $conn = mysqli_connect("localhost", "username", "password", "database"); $sql = "INSERT INTO users (name, age, gender) VALUES ('$name', '$age', '$gender')"; if (mysqli_query($conn, $sql)) { echo "新增成功"; } else { echo "新增失败"; } mysqli_close($conn); ?&gt; ``` edit.php: ```php <?php $id = $_POST["id"]; $name = $_POST["name"]; $age = $_POST["age"]; $gender = $_POST["gender"]; $conn = mysqli_connect("localhost", "username", "password", "database"); $sql = "UPDATE users SET name='$name', age='$age', gender='$gender' WHERE id='$id'"; if (mysqli_query($conn, $sql)) { echo "修改成功"; } else { echo "修改失败"; } mysqli_close($conn); ?&gt; ``` delete.php: ```php <?php $id = $_POST["id"]; $conn = mysqli_connect("localhost", "username", "password", "database"); $sql = "DELETE FROM users WHERE id='$id'"; if (mysqli_query($conn, $sql)) { echo "删除成功"; } else { echo "删除失败"; } mysqli_close($conn); ?&gt; ``` 3. 打开 HTML 页面并测试增删改查用户信息的功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值