JavaScript可以通过Ajax技术来删除数据库中的记录。例如，我们可以通过jQuery的$.ajax()方法来发送HTTP DELETE请求，以便在后端控制器中删除数据库中的数据行。本文将从前端JavaScript、后端控制器和数据库中删除数据三个方面来介绍JavaScript删除数据库的方法。

前端JavaScript

在前端JavaScript中，我们可以通过绑定按钮事件来触发Ajax删除请求。例如，下面的代码使用了jQuery和Bootstrap库来实现删除按钮：

<button  data-id="123">删除</button><script>$('.delete-btn').click(function(){let id = $(this).data('id');$.ajax({url: '/delete',type: 'DELETE',data: { id: id },success: function(){alert('删除成功！');}});});</script>

代码解读：

• 当用户点击class为“delete-btn”的按钮时，JavaScript获取该按钮上data-id属性的值，即数据行的主键ID。
• 通过$.ajax()方法发送HTTP DELETE请求，其中url参数指定删除数据的后端控制器地址（如“/delete”），type参数指定HTTP请求类型为DELETE（要使用RESTful API风格的框架），data参数指定需要发送的数据，即数据行的主键ID。
• 当后端控制器删除成功后，前端JavaScript通过success回调函数提示用户操作成功。

后端控制器

在后端控制器中，我们可以通过接收Ajax请求参数来删除数据库中的数据行。例如，下面的代码使用PHP和Laravel框架来实现删除控制器：

public function delete(Request $request){$id = $request->input('id');DB::table('table_name')->where('id', $id)->delete();return response()->json(['status'=>'success']);}

代码解读：

• 使用Laravel框架的Request依赖注入功能，获取ajax请求的参数。
• 使用Laravel框架的DB门面，连接数据库并执行delete()方法删除数据。
• 使用Laravel框架的response()方法，把json格式的响应数据返回给前端JavaScript。

数据库中删除数据

在数据库中删除数据的方法与前两个方面已有重叠，此处就不再赘述。需要特别说明的是，在删除数据时，应当谨慎考虑数据的关联关系，不要破坏数据库表之间的数据完整性。

通过前端JavaScript发送Ajax请求、后端控制器处理请求、数据库删除数据，实现JavaScript删除数据库的过程可以概括为：前端表现层 -->后端控制层 -->数据库持久层。