通过AJAX调用从datatable中删除数据
AJAX是一种在Web应用程序中实现异步通信的技术。它允许在不刷新整个页面的情况下，通过与服务器进行数据交换来更新部分页面内容。AJAX通常使用JavaScript和XMLHttpRequest对象来实现。
在前端开发中，使用AJAX调用可以实现从datatable中删除数据的功能。具体步骤如下：
- 首先，需要在前端页面中引入jQuery库，因为jQuery提供了简化AJAX调用的方法。
- 在页面中创建一个按钮或其他触发事件的元素，当用户点击该元素时，触发AJAX调用。
- 在点击事件的处理函数中，使用jQuery的AJAX方法发送一个DELETE请求到服务器。DELETE请求用于删除资源。
- 在AJAX方法的参数中，指定要删除的数据的唯一标识符或其他必要的信息。可以将这些信息作为URL参数或请求体的一部分发送给服务器。
- 在AJAX方法的参数中，指定服务器响应成功时的回调函数。这个回调函数会在服务器成功删除数据后被调用。
- 在回调函数中，可以根据需要更新页面的其他部分，例如重新加载datatable以显示更新后的数据。
AJAX调用从datatable中删除数据的应用场景包括管理系统、数据展示页面等需要对数据进行增删改查的场景。
腾讯云提供了云计算相关的产品和服务，其中与AJAX调用相关的产品包括：
- 云服务器（CVM）：提供虚拟化的云服务器实例，可用于部署Web应用程序和后端服务。
- 云数据库MySQL版（CDB）：提供高可用、可扩展的MySQL数据库服务，可用于存储和管理数据。
- 云函数（SCF）：提供事件驱动的无服务器计算服务，可用于处理AJAX请求的后端逻辑。
- API网关（API Gateway）：提供API管理和发布服务，可用于统一管理AJAX请求的接口。
以上是腾讯云提供的一些与AJAX调用相关的产品，更多产品信息和详细介绍可以参考腾讯云官方网站：https://cloud.tencent.com/
相关·内容
1回答
我想从datatable中删除行。下面是我使用的数据表代码：
var aSelected = [];
oTable = $('.itemPublished').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"bServerSide": true,
"bProcessing": true,
"sAjaxSource": "/item/datatable
浏览 0提问于2012-04-19得票数 5
回答已采纳
我试图根据行的某些属性值从Datatable中删除一行，该数据表使用服务器端处理(从视觉上删除行数据和行/tr)。
我使用remove()函数来完成它，它删除了行数据，但在视觉上，表仍然是相同的。
因此，我添加了draw()函数，但它重新初始化了表，包括数据。
那么，在从使用服务器端处理的Datatable中删除一行之后，我如何“重新绘制”表呢？还有其他像draw()这样的函数来重绘表，但只使用datatable中的现有数据吗？
$("#tableSelector").DataTable()
.rows( function ( idx, data, node ) {
浏览 3提问于2019-11-14得票数 0
回答已采纳
1回答
所以我想要添加一个按钮到一个DataTable，这个按钮应该从数据库中删除一个帐户，使用，node js，expresjs (whit html engine)和mongoose这是我的模型
const Account = new Schema({
username: String,
names: {type:String,default:""},
lastnames: {type:String,default:""},
password: String,
email: String,
phone: String,
suspended
浏览 0提问于2018-01-18得票数 0
回答已采纳
我的页面中有一个jquery datatable，我用下面这样的数据填充它：
$(document).ready(function () {
var datatable;
$(document).on("click", ".myBtnClass", function () {
if (datatable != null)
datatable.destroy();
datatable = $('#tableProducts').DataTable({
&
浏览 0提问于2017-06-04得票数 0
我在asp.net-4.5网页中有一个带有id:#mytable的html表，它是在c#站点中创建并发送到aspx的。在这个Html表中，每行的末尾都有一个DELETE按钮，如下所示：
...
html.Append("<td><input type=\"button\" runat=\"server\" value=\"Delete\" onclick=\"deleteRow(this)\" /></td>");
单击此按钮时，将使用以下代码触发deleteRow( this
浏览 0提问于2019-01-25得票数 3
回答已采纳
1回答
我正在使用YUI的格式化从AJAX请求返回的一些数据。下面是配置：
var dataTable = new Y.DataTable(
{
id: 'my-table',
height: '500px',
width: '500px'
});
var columns = [{
key: 'id',
label: 'ID'
}, {
label: 'Name',
formatter: function (o)
浏览 2提问于2015-07-20得票数 0
回答已采纳
1回答
数据表Ajax调用
、、、
我试图通过Jquery DataTable从数据库中获取数据，结果如下所示：
"DataTables警告:表id=tblBindData -不能重新初始化DataTable。“
function BindData() {
$("#tblBindData").DataTable({
"processing": true,
"serverSide": true,
"sAjaxSource": "FirstTask.aspx/PopulateDatatab
浏览 3提问于2015-06-19得票数 0
回答已采纳
从服务器端获取数据，然后将数据添加到数据表中。但是在调用fndraw()函数时。ajax不再加载，oSettings_aData为空。
在单击按钮时，调用$("#clientTable").dataTable().fnDraw();但没有在表中加载数据。
这是我用来填充datatable的函数。
function fillGrid() {
alert("enterened fillgrid");
$.ajax({
type: 'POST',
url: 'BehindCode/client.aspx/fillgrid
浏览 0提问于2014-08-11得票数 0
我想做的是从ajax数据中设置“列”属性
json数据具有一个" data“和"columns”属性，因此要提取数据，我将有如下所示。
primaryTable = $('#example').DataTable({
"ajax": "data.txt"
});
让我们假设txt文件有一个列属性来定义列{"data":"Name"} etc，有什么方法可以引用它吗？
primaryTable = $('#example').DataTable(
浏览 2提问于2014-10-15得票数 0
回答已采纳
我使用datatable来显示我从数据库获取的记录，现在我必须对其进行自定义，以便在单击datatable提供的下一步按钮时，进行新的DB调用以从DB (服务器端)获取下10条记录。
有人知道这是怎么回事吗？
谢谢。
浏览 1提问于2014-09-08得票数 0
1回答
我正在使用jquery的datatables表插件。我有另一个组件，它使用Ajax从服务器检索对象。我想用这个对象更新数据库。我在纠结于如何把这些拼凑起来。Ajax返回datatable将接受的数据格式的对象。但是，如何从另一个组件Ajax调用中更新datatable？我正在使用python烧瓶和jinja2模板。以下是当前存在的javascript：
$(function() {
var container = document.getElementById('visualization');
var items = new vis.DataSet({{doc
浏览 3提问于2017-04-01得票数 0
回答已采纳
我有一个在页面加载时填充的dataTable。我在客户端使用该dataTable的预测填充我的表。现在，用户将输入一些搜索条件，我想再次获得数据并重新显示结果。
我想避免使用更新面板。
因此，我在后面的代码中创建了一个静态方法，以便在接受ajax调用传入的参数的同时，从数据库中进行必要的检索。我在javascript中创建了ajax调用，并传递了数据。
ajax使用正确的数据进行调用，并且从数据库中检索我的数据。设置了我的dataTable值。现在我不太清楚如何用新的数据更新我的表。
这就好像我需要重新启动我的html代码的foreach部分。
有什么想法吗？
我的javascript函数
浏览 3提问于2013-07-09得票数 0
回答已采纳
我正在使用一个数据表来显示来自数据库的数据，我可以在下面的代码中执行删除和编辑actions.with，我能够从数据库中获取数据并执行编辑和删除。但问题是，当我删除特定的行时，它从数据库中删除，但它仍然显示在数据表中。我使用了“table.destroy()；”，但它给出了以下错误。未捕获TypeError：$.fn.DataTable.isDataTable不是一个函数。
datatable的代码：
<script>
var table;
if($.fn.DataTable.isDataTable('#sun_project_table
浏览 10提问于2018-01-13得票数 0
回答已采纳
我有一个通过BindingSourceControl绑定到winforms dataGridView的数据表。我希望能够处理来自dataGridView的UserDeletingRow事件，并将我的dataTable中行标记为已删除。然后，我需要能够从datatable中检索标记为已删除的行，以便在单击Save按钮时可以从数据库中删除它们。请不要我不想在每次触发UserDeletingRow时从数据库中删除，只在我的数据集中将该行标记为已删除。
谁能指出如何做到这一点？
浏览 0提问于2010-04-27得票数 0
回答已采纳
我一直在做一个小项目，遇到了Server数据库的问题。当连接和读取SQL Server数据库时运行良好。当涉及到变量时没有问题，它们都更新得很好。
但是，数据库本身根本不更新。我相信是da.Update出错了，但我以前从未使用过SQL，所以我找不到它的问题所在。
它应该做什么：
从Server表读取数据
把它放到一个DataTable里
从列表中获取更改并将其放入DataTable
将更改添加到数据库中
它所做的事情：
从Server表中读取数据
将其放入DataTable中
从列表中获取更改并将其放入DataTable中。
不会更新数据库，但不会失败尝
浏览 4提问于2017-05-24得票数 0
我正在创建一个ASP.NET MVC4Web应用程序，它根据查询字符串中的id号显示不同的数据。它旨在根据用户居住的县、工作类型等为用户提供特定于他们的安全信息。他们不使用用户名登录，只需单击电子邮件中的链接即可：
在global.asax的Session_Start中，我从查询字符串中拉出它们的id，并通过API调用搜索匹配的记录。这将返回DataSet中的一组字段，我将其转换为DataTable。然后，我使用foreach循环遍历DataTable，并使用Session.Add(name, value)创建会话变量，然后将其插入到视图中。
API调用可能需要长达10秒的时间，所以我想设置某
浏览 0提问于2013-03-05得票数 0
回答已采纳
2回答
我试图用列标题和正文填充表中的数据，但是如果这样的话，它就无法进行ajax调用。
<table id="datatable1" cellpadding="0" cellspacing="0" border="0" class="display" width="100%">
<thead>
</thead>
<tbody>
</tbody>
</table>
我的头和身体都是空的。但加入一些随意的标
浏览 5提问于2014-01-16得票数 0
回答已采纳
4回答
我试图从数据库中获取数据并在jquery DataTable中显示，但是数据没有在DataTable中显示。表为
ordered_books with attributes 'BookID', 'BilledNum','BilledDate', 'Qunatity', 'Price', 'Remarks'
查看页面代码
<table id="showBooksIn" class="table table-bordered">
<thead&g
浏览 0提问于2018-07-20得票数 0
我已经删除了表单，但是我不能直接在刀片上使用，因为我使用的是datatable，它只是用来放置表单的代码。
这是我要复制的删除代码。
<form action="{{ route('admin.users.destroy', $user->id)}}" method="post">
@csrf
@method('DELETE')
<button class="btn btn-danger" type="submit">Delete</button>
浏览 0提问于2019-01-03得票数 0
回答已采纳
在使用Datatable (Ver: 1.10.16)时，我注意到API中的数据不是通过回调中的ajax.reload立即更新的，尽管站点说在新数据到达并重新绘制之前不会调用回调。
前注：
所有数据都被正确格式化，并显示在ajax.reload之前和之后的表中，包括重新加载的新数据。如果我单击重新加载两次，api正确地看到新数据，ApplyHeaderFilters正常工作。。
当我说API正确地看到数据时，我的意思是：$('#dtTbl').DataTable().column('1:visible').data().unique()
ApplyHeaderF
浏览 0提问于2019-11-12得票数 0
回答已采纳
1回答
我需要一些关于记录导航查询的建议。我有一个datatable，它与Hibernate查询的结果一起显示。datatable看起来像这样：
<h:dataTable value="#{myBean.dataList}" var="dataItem">
<h:column>
<f:facet name="header">
<h:outputText value="ID" />
</f:facet>
<h:outputText va
浏览 2提问于2014-05-02得票数 0
2回答
我有一个很长的问题和我的完整代码，但现在它是较短的一个。
function showRecord(tbl) {
myDataTable.fnDestroy();
$.ajax(
{
data: "tableName=" + tbl,
url: "showTable.php",
dataType: "html",
success: function (data) { $("#example").html(data); }
});
浏览 0提问于2012-09-13得票数 0
回答已采纳
我有一个Java函数，它从java的Servlet中获取JSON字符串数据。我试图使用这些数据来填充datatable ()
这是DataTables网站指示用户填充数据的方式：
$(document).ready(function() {
$('#example').dataTable( {
"ajax": '../ajax/data/arrays.txt'
} );
} );
这是javascript方法，它在我的servlet中调用doPost方法来生成和返回JSON：
<script>
$(
浏览 2提问于2014-07-22得票数 1
回答已采纳
我正在使用primefaces datatable，它具有行选择的筛选器和单选按钮。
<p:dataTable id="dtId" var="bVar" widgetVar="dtWVar"
value="#{bBean.myList}" filteredValue="#{bBean.bfilter}"
rowKey="#{bVar.Id}" selection="#{bBean.selectedObj}">
<p:ajax event="fil
浏览 0提问于2017-05-05得票数 1
我正在处理JQuery数据表，用于在同一页面上显示多个网格。
虽然数据是从控制器返回的，但我无法将数据绑定到可数据。另外，我无法在按钮上重新加载datatable，单击事件，并显示datatable已经初始化的错误。
请让我知道如何实现这一点。
浏览 0提问于2017-11-27得票数 0
回答已采纳
数据表中的每一行都有一个delete按钮。
在单击delete按钮时，我调用以下代码：
$('.deleteButton').live('click', function () {
var $this = $(this);
var url = $this.attr("id");
$("#example").fnReloadAjax();
$.getJSON(url, Success());
});
url是控
浏览 2提问于2011-12-28得票数 5
回答已采纳
我通过AJAX请求从数据库中获取表数据。当单击并刷新表时，我需要更改AJAX请求中的数据参数。
这是我的按钮处理程序代码：
$("#btnView").on('click', function () {
var dt = $("#dtStart").val();
var cn = $("#txtConn").val();
var sendData = JSON.stringify({ dt: dt, cn: cn });
//setMyNewParameters(se
浏览 0提问于2018-12-08得票数 1
10回答
我使用JQuery DataTable。我发送数据到datatable onclick在json文件在ajax成功.the第一次点击一切都很好，但下一次点击我只得到正确的数据ANd错误的dataTables_info的值它总是显示第一个值的dataTables_info和页码和行从第一个结果。这是第一次在datatable中显示数据：
所有下一次点击我只获取正确的数据:在这个例子中，它们是一个结果，显示在下面的图片中，但其他所有内容(信息、显示、分页)都属于第一个搜索，显示在第一张图片中：
在第二个示例中，当我单击分页的任何页面时，我会得到第一个页面结果的内容！！这是我的函数ONc
浏览 41提问于2016-08-10得票数 8
2回答
嗨，我正在使用djangorestframework-datatable和datatable的JQuery插件。
我正在加载一个大表(大约15000个条目，分页)，其中启用了serverSide选项。我启用了这个选项，因为客户端处理需要很长时间才能加载表(即使使用deferLoading)。
我想从以下URL检索数据：
/api/device_input/?format=datatables&device_id=something
// device_id can be 1, 2, 3 and so on.
问题是，我不知道如何动态地更改device_id参数。该参数肯定是用户输入。我
浏览 2提问于2019-09-26得票数 1
回答已采纳
2回答
在网页中，当用户从datatable中删除行时，我应该使用视图的模型还是datatable来进行数据操作？(我正在学习MVC 4，我不确定访问该模型是否会对服务器造成影响。)
下面是我想要做的一个简单的例子。在我的控制器中，我返回了一些Person对象：
public ActionResult Index()
{
List<Person> people = new List<Person>();
people.Add(new Person() { Id = 1, FirstName = "Geddy", LastName = "L
浏览 2提问于2012-09-08得票数 1
回答已采纳
当我尝试从datatable中删除行时，我只需使用以下命令
var table = $('#tbl').DataTable();
table.rows().remove().draw();
它可以工作，但是如果我设置datatable
"processing": true,"serverSide": true
比
table.rows().remove().draw();
它不会删除任何行表单datatable。
浏览 5提问于2017-06-08得票数 1
我使用ajax在datagrid中实现了可点击的行。问题是，当我单击结果页面中的行时，我会重定向到另一个页面来查看数据。在该页面中，我有一个“更新”按钮，我可以更新数据库表中数据，当我单击它时，我重定向回结果页面，然后再次单击同一行以查看其详细信息，数据没有更新，它仍然是旧数据。问题是，数据库中的表中的数据正在更新，就像页面正在保存他带来的旧数据并使用它，而我不知道如何告诉他带来新数据。
下面是使行可点击的代码：
protected void pendingGrid_RowDataBound(object sender, GridViewRowEventArgs e)
{
浏览 1提问于2010-11-21得票数 1
回答已采纳
3回答
我正在使用datatable显示数据库mysql中的列表
我需要在表加载结束时更新一些输入，然后我使用成功函数，但这似乎阻止了数据呈现
var table = $('#example').DataTable({
'processing': true,
'serverSide': true,
'ajax': {
type: 'POST',
'url': url,
'data': function (d) {
console.log(d.order);
ret
浏览 1提问于2016-12-29得票数 3
回答已采纳
1回答
我有一个运行Laravel 5的站点，我想在其中创建一个Webix数据表。我对Webix数据表的理解是，可以通过使用控制器将这些表设置为从Laravel数据库加载数据，但我没有看到任何有关datatable信息在datatable设置为可编辑时如何读取和保存的信息。
当datatable是可编辑的，我还需要创建一个控制器来读取和写入数据库吗？如果是这样的话，我如何知道哪些数据已经更改/需要在数据库中更新？
浏览 0提问于2016-03-15得票数 2
回答已采纳
我开发了mysql数据库和php代码。在php代码中，我使用jQuery (ajax )从数据库中获取数据。在html文件中，我只打印了datatable的表头。我想从数据库中获取Rest数据。给出了以下代码：
HTML代码：
<div class="container box">
<div class="table-responsive">
<div id="alert_message"></div>
<table id="
浏览 0提问于2018-08-07得票数 0
我有一个基于DataTable插件的DataTable，它将搜索参数保存在localStorage中。现在一切都好。
a) console.debug(oData)返回：
Object
...
time : 1488468181954
name : "John Doe"
...
( b)这是我的脚本
var ShowUsers = function () {
var Users = function () {
var grid = new Datatable();
grid.init({
浏览 8提问于2017-03-02得票数 0
回答已采纳
1回答
我正在开发一个大规模的应用程序，在这个应用程序中，我必须将大量数据加载到一个页面中，所以我在一个Angluar项目中使用带有服务器端分页的jQuery数据表。
问题是，表始终保持处理状态，没有加载数据，但是数据在ajax调用后正确显示，但它没有显示在表中。
这是完整的控制器
(function () {
'use strict';
var host = "http://localhost/";
var table;
angular.module('app')
.controller('wfCtrl&
浏览 4提问于2017-07-10得票数 0
回答已采纳
我正在尝试刷新当前填充了来自MySQL的数据的数据表。
我的PHP文件：
<div class="col-md" id="tableDiv">
<table class="table" id="myTable">
<thead>
<td>1</td>
<td>2</td>
<td>3</td>
浏览 2提问于2020-09-22得票数 0
我见过很多关于这方面的问题，但没有一个答案能让我接近解决我的问题。希望这对外面的人来说是个简单的选择。我正在尝试使用XHR响应来填充DataTable。通过单击按钮执行对Java的请求。请求如下：
function callFileSearchServlet(){
var xhr = new XMLHttpRequest();
xhr.open("GET", "http://localhost:8080/FileSearch-1/FileSearch?selectedDataSource=foo&startDate=20180101&endDat
浏览 0提问于2018-10-17得票数 0
现在我在jquery数据表中做crud操作，在delete操作中，如果我点击复选框，然后点击delete按钮，那么所有选中的行记录都应该从表中删除，任何人都知道解决方案，请提前help.Thanks删除按钮复选框"/>代码用于Delete操作
<script type="text/javascript" language="javascript" class="init">
$(document).ready(function() {
var table = $('#employee_da
浏览 0提问于2016-12-21得票数 0
在使用window.onload函数加载页面时，我将使用jQuery.ajax向端点发送AJAX查询。
如果这个AJAX查询成功，我将初始化一个Datatable，并使用从该查询收到的数据来呈现它。就像这样：
//Global variables
var jrow=0;
var rdata = new Array();
var table2;
var rinfo={};
var prow=0;
//AJAX success function
success: function (data, status, jqXHR) {
for (var key in da
浏览 0提问于2016-02-03得票数 0
回答已采纳
我使用jquery datatable列出我的数据库值。我想创建一个国家和它的国家在同一页，而最初的国家数据表是empty.Once我创建国家，国家id是生成的，并可以创建国家与国家id在相同的page.It也创建很好，但问题是数据表没有重新加载它应该显示的状态，但它不是showing.The的问题是国家id，这是生成的没有传递给ajax参数在数据表中重新加载它。
country_id=$("#country_id").val();
dataTable = $('#example').DataTable( {
"serverS
浏览 0提问于2016-04-24得票数 1
1回答
我想从我的表中删除一行，行是使用服务器端处理添加的，我有一个delete按钮，其id是数据库.On中该行的id，单击delete按钮，该行将从数据库中删除，而不是从table.Also到整个行--这里有一个指定的id = "row_"行id。
使用以下代码，如何也从表中删除行或将其淡出：
$('#users_table tbody').on( 'click', '.btn-delete', function () {
var id = $(this).attr('id');
var row
浏览 0提问于2018-08-29得票数 0
回答已采纳
1回答
如何将所有datatable数据保存到数据库中?使用jquery和php执行此动态操作。
$('#bot_guar').click( function () {
//var rows = $("#tabla1").dataTable().fnGetNodes();
var oTable = $('#tabla1').DataTable();
var data1 = oTable.rows().data();
//alert(data1.length);
浏览 0提问于2015-07-24得票数 0
我有一个与datatable关联的ajax事件，该datatable更新1 delete按钮。该按钮具有对话框的更新标记，如下所示：
<ui:insert id="itemDeleteDlg" name="dlg-delete-item"><ui:include src="/pages/admin/item/deleteItem.xhtml" /></ui:insert>
<h:form id="itemOptions" prependId="false">
浏览 2提问于2014-09-16得票数 0
回答已采纳
我想要显示页面加载与列名称的空网格，当用户点击搜索按钮，它将从数据库表中的数据在数据表的形式，并需要绑定到jqGrid。
我正在研究和解决方案，但他们有两个调用，一个调用包含数据的列，另一个只调用数据。
我想解决方案，绑定页面上的列加载和点击按钮上的数据。
$(document).ready(function () {
//Load Empty jqgrid dynamically using datatable row column...
$(gridData).jqGrid({
url: "../Generic/Get
浏览 13提问于2018-09-04得票数 0
2回答
我在我的web应用程序中使用Datatable。下面是我使用ajax获取数据的简单代码。
<script>
$(document).ready(function() {
$('#mytable').DataTable();
} );
</script>
<body>
<h2>AJAX SELECT</h2><hr>
<div align="center">
Select Team :
<select name=
浏览 10提问于2017-09-19得票数 4
回答已采纳
2回答
我正在尝试在Datatable上显示一些数据。数据是从Ajax请求中调用的，响应是一个Json数组，如下所示：
[{"item": "one", "price": 22, "status": "free"}, {"item": "two", "price": 15, "status": "taken"}]
这是我的请求：
<script>
$(document).ready(function() {
$('my
浏览 0提问于2019-11-22得票数 2
1回答
我使用RichFaces开发一些网页，基本上我想用DataTable显示我的数据列表。但是我的管理bean需要很长的时间来获取资源数据，这阻碍了网页的显示。
我的目标是动态显示它们，首先显示网页(可能还没有数据)，然后一旦我的管理bean读取了一个新数据，它就会在我的DataTable中将其显示为一个新行，你知道我该怎么做吗？或者一个类似的例子就是欣赏。
浏览 0提问于2013-04-26得票数 0
回答已采纳
2回答
我有某种
[
{
"selectionId":1,
"selectionDate":"101662",
"selectedBy":"ABC",
"eximPanNo":222,
"eximPanName":"DEF",
"eximPanNameEng":"KKK",
"eximPanAddress":null,
浏览 0提问于2018-11-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
