积云教育——PHP1803A班级~AJAX删除

￡神魔★判官ぃ 2022-05-16 03:43 183阅读 0赞

删除操作流程：

1.显示页面，无显示无删除要删除先找删除的id

2.具体显示效果：

![70][]

3.代码显示：

<table border="1">
    		<th>序号</th>
    		<th>姓名</th>
    		<th>操作</th>
    		<?php foreach ($data as $key => $value): ?>
    			<tr>
    			<td><input type="checkbox" name="sg_id" value="<?php echo $value['id'] ?>"></td>
    				<td><?php echo $value['id'] ?></td>
    				<td><?php echo $value['username'] ?></td>
    				<td><input type="button" value="删除" onclick="check_delete(<?php echo $value['id'] ?>)"></td>
    			</tr>
    		<?php endforeach ?>
    		<input type="button" value="全选" id="qx">
    		<input type="button" value="反选" id="no_qx">
    		<input type="button" value="批量删除" onclick="delall()">
    </table>

4.找到删除按钮：绑定一个事件check\_delete(参数为需要删除的id)

5.引入.jquery.js,具体情况根据个人情况而定

<script src="Public/jquery-1.10.1.min.js"></script>

6.书写删除的事件代码（ajax中四个参数：type:传输类型，url：数据提交路径，data 传输参数，success 回调区域）

7.PHP实现ajax调取方法实现删除

控制器：

![70 1][]

模型：

![70 2][]

8.完事，ajax实现删除到此结束,后续继续更新

[70]: /images/20220516/2927e399aaba416e8af2863aa2ee174c.png
[70 1]: /images/20220516/8c2840726f7d4c2594e49dc17c41b22c.png
[70 2]: /images/20220516/2e41e1b73c2345a793980662b7d7a6b8.png