Объединить таблицу HTML с именем Ajax - PullRequest
0 голосов
/ 13 июля 2020

Как я могу объединить эту таблицу? Автоматически добавляет метку "</tr> </table>" в конец таблицы, которую я вызываю с помощью Ajax Можно ли это предотвратить?

index. php

<table border="1" width="40%" id="dynamic_content">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
</table>

<script type="application/javascript">
    $.ajax({
        url:"ajax.php",
        method:"POST",
        success:function(data)
        {
            $('#dynamic_content').html(data);
        }
    });
</script>

ajax. php

<tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
</tr>
<tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
</tr>
<tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
</tr>

Ответы [ 2 ]

0 голосов
/ 16 июля 2020

Спасибо за ответ

Таблица собрана так, как я хотел

Но есть проблема

Мне не нужна вторая строка вроде это

Я хочу добавить справа от ссылок на страницы, как это

Поиск и не работает на странице

Где я делаю неверно

Примечание: не должно быть продления только в поиске и поле Показать x на странице.

$('#dynamic_content_div').html(data+'       <td class="tfoot" align="right" style="border-left-color: none;border-left-style:none;border-left-width:none;" colspan="5">\n               <input type="text" class="bginput" id="search" placeholder="İçerik Ara"> Sayfada\n              <select class="bginput" name="sayfada" id="sayfada">\n                      <option value="5">5</option>\n                      <option value="10" selected>10</option>\n                       <option value="25">25</option>\n                        <option value="50">50</option>\n                        <option value="100">100</option>\n                      <option value="250">250</option>\n                      </select> Satır Göster\n        </td>\n</tr>\n</table>');

    $('#sayfada').change(function() {
    var per = $(this).val();
    var query = $('#search').val();
    load_data(1, per, query);
    });

    $('#search').on('keyup', function(){
    var query = $('#search').val();
    var per = $('select[name=sayfada] option').filter(':selected').val();
    load_data(1, per, query);
    });
0 голосов
/ 13 июля 2020

Измените код следующим образом

    <div id="dynamic_content_div">
        <table border="1" width="40%" id="dynamic_content">
                    <td>&nbsp;</td>
                <td>&nbsp;</td>
            </tr>
        </table>
    </div>
    $.ajax({
            url:"ajax.php",
            method:"POST",
            success:function(data)
            {
            $('#dynamic_content_div').html("<table border=\"1\" width=\"40%\" >"+data+" <td>&nbsp;</td><td>&nbsp;</td></tr></table>");
            }
        });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...