jquery - используя .load и .after вместе

Question

Я пытаюсь написать какой-нибудь jquery для динамического обновления строк таблицы, не затрагивая заголовки "th" частей.Я могу загрузить всю таблицу или заменить строки таблицы на html, но я не могу загрузить строки таблицы, скажем, со страницы .php.Это важно, поскольку в моих «th» строках есть выпадающие селекторы.Я не хочу создавать их заново на странице php.

Это мой фрагмент кода:

var trigger_value = $(this).find("option:selected").val();
$( "#datatable tr:first").siblings().remove(); 
$( "#datatable tr:first").load("datatableload.php", 
{category: trigger_value} ) ;

Я могу заменить .load на .after, но япросто получите текст "/cms/sq-datatable.php" в моей таблице, который является предсказуемым, поскольку это то, что ожидает .after.

Надеюсь, это имеет смысл.Jon

Answer 1

Попробуйте это

var trigger_value = $(this).find("option:selected").val();
$( "#datatable tr:first").siblings().remove(); 
$( "<div>").load("datatableload.php", 
{category: trigger_value}, function(){
     $( "#datatable").append($(this).html());
}) ;

Answer 2

Вы можете попробовать загрузить результат php в переменную, а затем использовать .append для редактирования таблицы - возможно, продолжайте использовать после, но переходите к последнему вместо первого, но загружайте из переменной