37、客户端与服务器通信及状态管理全解析

客户端与服务器通信及状态管理全解析

1. 客户端与服务器通信基础

客户端应用与服务器通信至关重要，服务器通常是数据的真实来源，客户端需要从服务器获取信息。在Hotwire环境中，可使用Turbo Frames和Turbo Streams通过常规HTTP请求与服务器交互，服务器返回常规HTML响应。但有时也需在Stimulus和React代码中管理服务器通信。

2. 使用Stimulus管理表单

• 功能需求 ：在应用的日程页面添加搜索功能，实现输入触发表单提交、使用Turbo Frames显示搜索结果、清除搜索字段或点击模态框外部清除模态框等功能。
• 实现步骤
  1. 安装polyfill ：由于Safari浏览器未实现处理表单提交所需的 requestSubmit 方法，需安装 form-request-submit-polyfill 包。安装命令为 $ yarn add form-request-submit-polyfill 。
  2. 实现服务器端搜索 ：在 Concert 模型中实现 search 方法，使用SQL语句进行搜索。

def self.search(query)