cakephp和ajax提交答案

【问题标题】：cakephp and ajax submissioncakephp和ajax提交
【发布时间】：2013-09-23 18:27:06
【问题描述】：

我不太擅长 ajax 和 jQuery 的东西。在此我想用复选框值更新我的数据库表。这里的代码来自 ctp 文件

$(".chk").click(function(e){
           e.preventDefault();
           var id = $(this).parent().attr('id');
           $.ajax({
              type: 'post',
               url:'/Home/chktodo',
               data: 'id='+id,
               success : function(data) {

               }
           })
       });

foreach($View as $view):
    echo $view['Todolist']['details'];?> :To Do List
<div id = "<?= $view['Todolist']['id']?>">
<a id="todo" href="#">add to do</a>
<div id="clearNiPela-<?= $view['Todolist']['id'] ?>"></div>
</div>
<?php $todo = $view['Todo']; foreach($todo as $do): ?>
<div id="hours"> Hours :<?= $do['hours'];?></div>
<div id="description"> Description :<?= $do['description'];?></div>

<?= 
$this->Form->create('Todo',array('url' => '/Home/chktodo'));?>
<div id="<?='desc'.$do['id']?>">
<?=$this->Form->input('active',array('class' => 'chk','type' => 'checkbox','div'=>false))
.'<br />'.
$this->Form->end(); ?>
    </div>
<?php endforeach; endforeach; ?>

这里是我的控制器的代码

public function chktodo() {
            if($this->request->is('ajax')) {
            $this->loadModel('Todo');
            $this->request->data['Todo']['id'] = $this->request->query('id');
                if($this->Todo->save($this->request->data)) {
                $this->Session->setFlash('Done','flash',array('alert' => 'info'));
                $this->redirect('/');
            }
          }
        }

现在我有 3 个复选框作为数据库值。

问题 1 我无法更改数据库中的数据。我的意思是它不是用复选框的值更新数据库

【问题讨论】：

我只看到一个复选框？ ajax 调用在#chk 上——每页只能有一个 id。如果您希望多个复选框在该点击事件上起作用，它应该是一个类而不是一个 id。
Oppss...我完全忘记了，顺便说一句，我在这里更新了我的新代码
嗨，这段代码要么不完整，要么没有多大意义。请在此处添加代码以便能够调试 codepad.org/CvzgGeOd 并希望使用适当的选项卡以提高可读性
客户端：选中一些复选框并打开浏览器控制台并输入 $('form').serialize();这应该向您显示实际显示的输入。
_method=POST&data%5BTodo%5D%5Bactive%5D=0&_method=POST&data%5BTodo%5D%5Bactive%5D=0 像这样提供我的数据

标签： javascript php ajax cakephp

【解决方案1】：

对复选框使用 [.chnge][1] 函数

$('.chk').change(function(event) { //Todo active inactive
           event.preventDefault();
           var id = $(this).parent().attr('id');
           if($(".chk").is(':checked'))
                var active = 1;  // checked
           else
                var active = 0;  // unchecked
            $.ajax({
              type: 'post',
              $.ajax({
              type: 'post',
               url:'/Home/chktodo',
               data: 'id='+id,
               success : function(data) {
                    //some action
                    }
           });
       });

【讨论】：