Переключение между двумя JQuery Datatables

Question

У меня есть два JQuery datatables (datatables.net), один с сообщениями, а второй с контактами. Я хотел бы загрузить их, не обновляя страницу, т. Е. Если я нажму ссылку1, я получу отображаемые сообщения, если я нажму ссылку2, я получу таблицу сообщений и отобразятся контакты. Я могу получить его, поместив таблицы в разные div и использовать .show и .hide на них. Но что делать, если у меня есть 20 разных таблиц, которые мне нужно отображать всего за один момент. Было бы, вероятно, много использования памяти на стороне клиента, чтобы загрузить все 20 таблиц и скрыть их. Я как бы застрял и переполнился).

Я попробовал следующее:

<a href='#' onclick='test_widget();return false;' 

<script type="text/javascript"> 
function test_widget() 
{ $.ajax({ 
     type:'POST', 
     url:'contacts.php', 
     data:$('#test_widget').serialize(), 
     success:function(data) 
     { $('#test_widget').html(data); 
     }, 
    error:function(XMLHttpRequest, textStatus, errorThrown) 
     { $("#test_widget").html(errorThrown + ': ' + this.url); 
     }, 
    dataType:'html' 
    }); 
} 
</script> 
<div id='test_widget'></div> 

а затем contacts.php:

<table class="table table-bordered table-striped checked-in has-checkbox" id="dtable"> 
<thead> 
    <tr> 
    <th>Last Name</th> 
    <th>First Name</th> 
    <th>Middle Name</th> 
    <th>Email</th> 
    <th>Phone</th> 
    <th> </th> 
    </tr> 
</thead> 
<tbody> 
    <? 
$res=mysql_query('SELECT * FROM people ORDER BY lname LIMIT 1000'); 
while($row=mysql_fetch_array($res)){ 

    ?> 

    <tr class="gradeA"> 
    <td><?=$row['lname']?> </td> 
    <td><?=$row['fname']?> </td> 
    <td><?=$row['patronymic']?> </td> 
    <td class="center"><?=$row['email']?> </td> 
    <td class="center"><?=$row['phones']?> </td> 
    <td><input type="checkbox"></td> 
</tr> 
<? } ?> 

</tbody> 
</table> 

Answer 1

, что фоновым язык вы используете для этого? Если вам нужно показывать только одну таблицу за раз и беспокоиться о том, чтобы скрывать (отображение: нет) несколько div, а затем просто отправить бэкэнд запроса AJAX и отобразить соответствующую таблицу.