Wie dynamisch gesetzt die Ajax-URL an eine dataTable?
Ich bin mit jQuery-DataTables-JavaScript-code wird unten dargestellt:
$(document).ready(function() {
var tbl = $('#table_tabl').DataTable({
responsive: true,
"oLanguage": {
"sUrl": "<?php echo RP_LANG ?>fr_FR.txt",
},
"processing": true,
"serverSide": true,
ajax: "<?php echo RP_SSP ?>server_processing_reservTables.php", //I want to add a parmeter to it dynamically when a select element is selected
"aoColumnDefs": [{
"aTargets": [3],
"mData": 3,
"mRender": function(data, type, full) {
return '<div style="text-align:center;"><a href="RestaurantReservation/reserverTable/' + data + '" title="Réserver"><span class="mif-lock icon"></span></a></div>';
}
}],
"aLengthMenu": [
[10, 25, 50, 100, -1],
[10, 25, 50, 100, "Tout"]
]
});
});
Möchte ich filtern diese dataTable gemäß dem ausgewählten Wert von einem select-element :
$("#select_id").on("change", function(){
//set the ajax option value of the dataTable here according to the select's value
});
Wie die ajax
- option der Wert der dataTable
im on_change
Veranstaltung der select
- element basierend auf der select-ausgewählte Element ?
Du musst angemeldet sein, um einen Kommentar abzugeben.
LÖSUNG 1
Verwenden
ajax.url()
API-Methode, um die URL, die DataTables verwendet, um Ajax-Daten abrufen.LÖSUNG 2
Verwenden
ajax.data
option zum hinzufügen oder ändern von Daten an den server gesendet werden, auf eine Ajax-Anfrage.post
oderget
?GET
Anfrage, aber Sie können es ändern, mittype
option, zum Beispielajax: { url: 'script.php', type: 'POST' }
.Ich es gefunden :
Datatable-Version :
1.10.0-beta.1
MitfnDraw
Neuzeichnen der Tabelle.Beispielcode für die Verwendung fndraw
Quelle