[英]How to refresh Datatable values after selecting drop down value in jQuery
According to my requirement i have a dropdown list and when i select a value from the dropdown appropriate data need to be fetch from the database.根据我的要求,我有一个下拉列表,当我从下拉列表中选择一个值时,需要从数据库中获取适当的数据。 Dropdown select value sending through jQuery and as Ajax.
下拉选择值通过 jQuery 和 Ajax 发送。 i have few questions here
我在这里有几个问题
Here are the code snappiest.这是最快速的代码。
Dropdown -落下 -
<select class="filter" id="secquneceDropdownId">
<option value="" selected>All</option>
<option value="INSEQUENCE">In Sequence</option>
<option value="OUTSEQUENCE">Out Sequence</option>
<option value="RECIPES">Sequence Mapping</option>
</select>
jQuery and Ajax call to send dropdown selected value - jQuery 和 Ajax 调用发送下拉选择值 -
$(document).ready(function() {
$("#secquneceDropdownId").change(function() {
var dropdownSelected = $(this).find(":selected").val()
var clientID = {
"isDropdownSelected" : dropdownSelected
}
console.log('dropdownSelected value is = ' + dropdownSelected)
$.ajax({
type : "POST",
url : "/IdeaOfThings/listSequences",
data : JSON.stringify(clientID),
contentType : 'application/json; charset=utf-8',
dataType : "json",
success : function(data) {
}
});
});
});
Datatable Call for show Data -数据表调用显示数据 -
$(document).ready(
function() {
var table = $('#example2').DataTable({
"ordering" : false,
});
});
I don't see any link between your ajax
and datatable
.我没有看到您的
ajax
和datatable
之间的任何链接。
To answer your question 1.回答你的问题 1。
Yes, you will need to refresh the grid each time on combo change as Data fetched will depend on the option selected.是的,每次组合更改时您都需要刷新网格,因为获取的数据取决于所选的选项。
If you are looking for how to implement it如果您正在寻找如何实施它
Here is a Sample这是一个示例
$("#secquneceDropdownId").change(function() {
loadData();
});
function loadData(){
var dropdownSelected = $("#secquneceDropdownId").val()
var clientID = {
"isDropdownSelected" : dropdownSelected
}
$("#tblDeviceDetail").DataTable({
"columns": [
{ "data": "ip" },
{ "data": "apiPort" },
{ "data": "hostname" }
],
"ajax": {
"url": "/IdeaOfThings/listSequences",
data : JSON.stringify(clientID),
contentType : 'application/json; charset=utf-8',
dataType : "json",
"type": "POST",
"dataSrc": "[]",
}
});
}
assuming your JSON is like this假设你的 JSON 是这样的
[ { "ip" : "sfsdsdfs" , "apiPort" : "322", "hostname": "sfsdfsdf"},
{ "ip" : "5345345" , "apiPort" : "4444", "hostname": "sadfasds"}]
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.