php+bootstrap+jqueryAjax实现增删改查

首先导入js包和bootstrap包 吧表格布局做好

<div class="container" style="padding-top: 40px;">
			<div class="form-group">
				<div class="row">
					<div class="col-md-8">
						<input type="text" class="form-control" />
					</div>
					<div class="col-md-3">
						<button class="btn btn-danger">搜索</button>
						<button class="btn btn-default add" data-toggle="modal" data-target="#addModal">增加</button>
					</div>
				</div>
			</div>
			<table class="table table-bordered text-center">
				<tr>
					<td>编号</td>
					<td>姓名</td>
					<td>成绩</td>
					<td>操作</td>
				</tr>
				<tr>
					<td>1</td>
					<td>张三</td>
					<td>60</td>
					<td>
						<button class="btn btn-primary update" data-toggle = "modal" data-target = "#updateModal">修改</button>
						<button class="btn btn-danger del">删除</button>
					</td>
				</tr>
			</table>

然后点击添加和修改需要模态框 我们也要做出来 注意好模态框的id

<div class="modal fade" tabindex="-1" role="dialog" id="updateModal">
			  <div class="modal-dialog" role="document">
			    <div class="modal-content">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			        <h4 class="modal-title">修改</h4>
			      </div>
			      <div class="modal-body">
			       	<form>