在CakePHP中使用ajax

前言

虽然国内开发已经不怎么用CakePHP了，但这个框架在日本还是有一定市场。希望这个笔记能帮到在日开发的小伙伴们。

实现效果

输入关键字后在下方显示检索结果，相当于一个单页应用

前提

阅读者已经拥有CakePHP和JS的基本知识

版本

CakePHP 3.6.1
PHP 7.4.10

准备

1. 准备好controller和method
2. 在使用ajax的界面导入js文件
3. 修改js文件，实现前后端交互

• • *

    开始

    后端

    创建Controller，Model和对应的Template

• 在\src\Controller里创建Controller

  namespace App\Controller;
  use App\Controller\AppController;
  
  class SentencesController extends AppController
  {
    #class的初始化
      public $SentencesTable;
      public function initialize(): void
      {
          $this->loadComponent('RequestHandler');
      }
    
   #搜索函数
    public function search()
        {
            $this->autoRender = false;
            if ($this->request->is('ajax')) {
                $data = $this->request->getData();
                $results = $this->Sentences->find()->where([
                    'sentences_name LIKE' => '%' . $data['keyword'] . '%',
                    'template_available_lang LIKE' => '%' . $data['lang'] . '%'
                    ])->toList();
                if (is_null($results)) {
                    $results = '没有关联情报';
                } else {
                    //把数组转换成json，返回给前端
                    echo json_encode($results, JSON_UNESCAPED_UNICODE);
                    exit;
               }}
        }

• 在\src\Model\Table里创建SentencesTable

  setTable("sentences");
      }
  }

• 在\src\Template\Layout\下创建custom.ctp文件

  
  
      
  
  
      
            //搜索区
              
                  
                  搜索
              

//结果区