У меня есть таблица , настроенная в База данных SQLite , в которой есть 2 столбца и 2 записи .Записи список файлов mp4 из каталога.
У меня также есть php-код, в котором я сканирую список файлов mp4 из каталога.Любой новый файл mp4, который входит в каталог, попадает в таблицу Podcast_Export выше.
Status.php
<?php
$mp4_files = array_values($mp4_files);
print_r($mp4_files); // Line X
foreach ($programs as $key => $program) {
$file = $mp4_files[$key];
print_r($file); // Line Y
print_r($key); // Line Z
?>
<tr class="box" data-index="<?php echo $key; ?>">
<td>
<input type="submit" value="Go" data-id="<?php echo $key; ?>"
class="btn btn-outline-primary">
</input></td> // Line D
</tr>
Линия X Печать Array ( [0] => 36031P.mp4 [1] => hello.mp4 )
Линия Y Печать 36031P.mp4 hello.mp4
Линия Z печатает 0 and 1
При нажатии кнопки Go
в строке D вызывается следующий код JS / jQuery.
JS / jQuery
jQuery(document).ready(function($)
{
$('.converter').click(function()
{
let target = $(this).attr('data-id'),
spanEl = $('.file-name[data-id='+ target +']');
let btn = this;
$(btn).val("Converting").prop('disabled', true); // Line A
$.ajax({
url: 'convert.php',
type: 'POST',
data: {id: target},
success: function(res)
{
$(btn).val("Completed").prop('disabled', true); // Line B
},
})
})
});
=> Строка A изменить текст кнопки с Перейти на Преобразование (что означает преобразованиев процессе).
=> Строка B говорит о том, что преобразование завершено (и текст Преобразование получает значение Завершено ).
Постановка проблемы:
HTML-код (UI), из которого вызывается код jQuery:
<td><button data-id="<?php echo $key; ?>" class="converter btn btn-outline-primary">Go</button></td>