如何使用ajax在cakephp3中编辑和删除？

Question

我是 php 新手，不知道如何在 cakephp3 中使用 ajax 请有人帮助我，我从早上开始一遍又一遍地在 google 上解决这个问题，但直到现在都无法实现，请告诉我有关 ajax 代码的信息或给我完美的资源在哪里我可以获得有关此的信息并能够实现此目标

//请忽略这一点，因为我正在学习 PHP 和 SQL，作为实习生，我正在制作一个演示页面，该页面实际上类似于保险领域的登录页面。 我正在使用 XAMP 和 phpmyadmin，在其中我创建了一个带有单表 healthvisitors 的简单数据库。 我可以使用 cakephp 添加编辑删除但不能用 ajax 做同样的事情因为 //////////////忽略这里

这是控制器helathvisitors.php，它是操作编辑和删除

public function Edit($id)
 {
  if($this->request->is('post'))
  {           
   $healthAdult =  $this->request->getdata('insured');
   $idChildren  =  $this->request->getdata('children');
   $txtName     =  $this->request->getdata('name');
   $txtMobile   =  $this->request->getdata('mobile');
   $dropdownAge =  $this->request->getdata('age');
   $radioGender =  $this->request->getdata('gender');
   $txtPincode  =  $this->request->getdata('pincode');         


   $visitor_table = TableRegistry::get('healthvisitors');
   $visit = $visitor_table->get($id);
   $visitor['insured'] = $healthAdult;
   $visitor['children'] = $idChildren;
   $visitor['name'] = $txtName;
   $visitor['age'] = $dropdownAge;
   $visitor['gender'] = $radioGender;
   $visitor['pincode'] = $txtPincode;
   $visitor['mobile'] = $txtMobile;

   $visitor = $visitor_table->patchEntity($visit,$visitor);
   if ($visitor_table->save($visitor)) {
    $this->Flash->success(__('Details Updated of user ID:'.$id.'.'));
    return $this->redirect(['action' => 'Index']);

 } else {
 $this->Flash->error(__('Somthing wrong. Please, try again!!!!'));

 }
} 


  else {

        $visitor_table = TableRegistry::get('healthvisitors')->find();
        $visitor = $visitor_table->where(['id'=>$id])->first();
        $this->set('healthAdult',$visitor->insured);
        $this->set('txtName',$visitor->name);
        $this->set('idChildren',$visitor->children);
        $this->set('txtMobile',$visitor->mobile);
        $this->set('dropdownAge',$visitor->age);
        $this->set('radioGender',$visitor->gender);
        $this->set('txtPincode',$visitor->pincode);
        $this->set('id',$id);

       }

}   


public function Delete($id)
{
  $visitor_table = TableRegistry::get('healthvisitors');
  $visitor = $visitor_table->get($id);
  $visitor_table->delete($visitor);
  echo "Details deleted successfully.";
  $this->setAction('Index');
}

这是我的视图文件 index.ctp

<table>
   <tr>
      <td>ID</td>
      <td>Name</td>
      <td>Age</td>
      <td>Mobile</td>
      <td>Gender</td>
      <td>Insured</td>
      <td>InsuredChild</td>
      <td>Pincode</td>
      <td>Action</td>
      <!-- <td>Delete</td> -->
   </tr>

   <?php
      foreach ($results as $row):
         echo "<tr><td>".$row->id."</td>";
         echo "<td>".$row->name."</td>";
         echo "<td>".$row->age."</td>";
         echo "<td>".$row->mobile."</td>";
         echo "<td>".$row->gender."</td>";
         echo "<td>".$row->insured."</td>";
         echo "<td>".$row->children."</td>";
         echo "<td>".$row->pincode."</td>";
         //echo "<td>".$row->status."</td>";
         echo "<td><button id='edit' type='submit' value ='submit'>Edit</button></td>";
         echo "<td><button id='delete' value='submit' type='submit'>Delete</button></td></tr>";
      endforeach;
   ?>
</table>

Answer 1

首先，您可以减少代码行。

例子：

     $visitor = [
                   'insured' => $this->request->getData('insured'),
                   'children'  =>  $this->request->getdata('children'),
                   'name'     =>  $this->request->getdata('name'),
                   'mobile'   =>  $this->request->getdata('mobile'),
                   'age' =>  $this->request->getdata('age'),
                   'gender' =>  $this->request->getdata('gender'),
                   'pincode'  =>  $this->request->getdata('pincode'),
];

在编辑中创建ajax调用时，不需要cakephp flash，删除它们

  $this->Flash->success(__('Details Updated of user ID:'.$id.'.')); // delete

   $this->Flash->success(__('Details Updated of user ID:'.$id.'.')); //delete

并遵循代码。

        if ($this->request->is('post')) {
            $visitor = [
                'insured' => $this->request->getData('insured'),
                'children'  =>  $this->request->getdata('children'),
                'name'     =>  $this->request->getdata('name'),
                'mobile'   =>  $this->request->getdata('mobile'),
                'age' =>  $this->request->getdata('age'),
                'gender' =>  $this->request->getdata('gender'),
                'pincode'  =>  $this->request->getdata('pincode')
            ];
            $visitor_table = TableRegistry::get('healthvisitors');
            $visit = $visitor_table->get($id);
            $status = []; // status array created
            $visitor = $visitor_table->patchEntity($visit, $visitor);
            if ($visitor_table->save($visitor)) {
                $status = ["code" => 200, "message" => "Edit success"];
                //$this->Flash->success(__('Details Updated of user ID:'.$id.'.'));
                // return $this->redirect(['action' => 'Index']); // redirect not needed on ajax call
            } else {
                // $this->Flash->error(__('Somthing wrong. Please, try again!!!!'));
                $status = ["code" => 201, "message" => "Something went wring"];
            }
          die(json_encode($status)); //exit with echo
        }

和你的 ajax 调用：

$.ajax({
    type: "POST",
    url: `<?= $this->Url->Build(["action"=>"Edit",$id]) ?>`, //generate cakephp url
    data: $("#your_edit_form_id").serializeArray(),
    success: function (data) {
        data = JSON.parse(data);
        if (data.code == 200) {
            //success work
            alert(data.message);
        } else if (data.code == 201) {
            //   error work
            alert(data.message);
        } else {
            // something went wrong 
        }
    }
});

对于您的删除功能：控制器

    public function delete($id = null)
    {
        $this->request->allowMethod(['post', 'delete']);
        $visitor_table = TableRegistry::get('healthvisitors');
        $visit = $visitor_table->get($id);
        if ($this->Settings->delete($visit)) {
           $status = ["code" => 200, "message" => "Delete success"];
        } else {
            $status = ["code" => 201, "message" => "Error"];
        }
       die(json_encode($status));
    }

编辑.ctp

echo "<td><button class='delete' value='$id' type='button'>Delete</button></td></tr>";

在你的阿贾克斯

$(document).on('click','.delete',function(){
var id= $(this).val();
$.ajax({
    type: "DELETE",
    url: `<?= $this->Url->Build(["action"=>"delete"]) ?>/${id}`, //generate cakephp url
    success: function (data) {
        data = JSON.parse(data);
        if (data.code == 200) {
            //success work
            alert(data.message);
        } else if (data.code == 201) {
            //   error work
            alert(data.message);
        } else {
            // something went wrong 
        }
    }
});
});