php - ajax 调用中返回的每个任务的单独复选框

Question

我有一个关于复选框的问题。我正在制作一个网站，让用户输入他们当天的任务，并在完成后检查任务。他们可以通过选择日期来浏览任务。我正在使用 AJAX get 方法从数据库中获取任务并在网页中显示它们。我不确定如何为从 AJAX 方法获得的每个任务创建一个复选框，因为我将通过对连接到数据库并返回任务的 php 脚本的一次 ajax 调用来获取所选日期的所有任务。以及如何识别哪个复选框对应于哪个任务。

在数据库中有索引号、任务、任务日期、完成与否以及用户名

任何帮助将不胜感激。谢谢

Answer 1

从您的 PHP 函数中生成一个 JSON 响应，该响应与 ajax 请求一起返回，并使用该响应将 html 放入您的页面正文中。

例如，假设您有以下 PHP 代码：

 <?php

 $response = array(); 
$tasks = array(0 => "Task1", 1 => "Task1", 2 =>
 "Task1"); 

    $response['tasks'] = $tasks;


 $html = ''; 
 foreach($tasks AS $k => $v) {    
   $html .= '<input type="checkbox" id="task_' .$v. '" />'; 
 }

 $response['html'] = $html;

 echo json_encode($response); ?>
?>

一旦您的 AJAX 请求完成，您可以使用 jQuery(?) 将复选框放在您的页面中

<script type="text/javascript">
yourAjaxFunxtinHere().success(function()
{
   $('#container').html(response.html);
});
</script>