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

时间:2013-06-09 23:01:04

标签: php javascript html ajax

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

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

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

1 个答案:

答案 0 :(得分:1)

使用ajax请求返回的PHP函数发出JSON响应,并使用响应将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>