我在 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
在D行点击Go
按钮时,将调用以下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行将按钮文本从 Go 更改为正在转换(表示正在进行转换)。
=> B行表示转换已完成(正在转换的文本更改为已完成)。
问题陈述:
调用jQuery代码的HTML代码(UI)
<td><button data-id="<?php echo $key; ?>" class="converter btn btn-outline-primary">Go</button></td>
答案 0 :(得分:0)
(由于在修订版17中删除了很多内容,因此该问题目前尚不十分清楚。所以我的回答是指revision 16的某些内容)
]
脚本从status.php
中选择Status
。Podcast_Export
Array
(
[0] => Array
(
[House_number] => 36031P.mp4
[Status] => Go
)
[1] => Array
(
[House_number] => hello.mp4
[Status] => Completed
)
)
<?php
$state = $mp4_files[$key]['Status'];
$buttonDisabled = ($state == "Converting" || $state == "Completed") ? "disabled" : "";
?>
<input type="submit"
value="<?php echo $state; ?>"
data-id="<?php echo $key; ?>"
class="btn btn-outline-primary"
<?php echo $buttonDisabled; ?>>
脚本的开头,对convert.php
表执行UPDATE
,将Podcast_Export
设置为Status
。Converting
设置为Status
。