如何在JavaScript中调用Helper.php中的getFristImageSearch函数

PHP 是运行在服务器端的语言，你定义的 getFristImageSearch 函数仅能在服务端执行；而 JavaScript 是运行在用户浏览器的客户端语言，二者运行环境完全隔离，客户端无法直接识别服务端定义的PHP函数，因此会报getFristImageSearch is not defined的错误。

需要通过「后端新增可访问的HTTP接口+前端发送网络请求调用」的方式实现需求，具体步骤如下：

步骤1：后端新增接口调用对应函数 #

你可以在项目中新增一个专门处理该请求的接口文件（如果使用Laravel/ThinkPHP等框架，直接在路由中定义对应接口即可），示例代码如下：

// 示例接口文件：api_get_image.php
// 首先引入你定义函数的helper.php，确保函数可被调用
require_once 'helper.php';

// 接收前端传入的参数，同时做基础过滤
$slug = $_GET['slug'] ?? '';
// 剔除参数中可能带的<b>标签、过滤特殊字符避免安全问题
$slug = trim(str_replace(['<b>', '</b>'], '', $slug));
$slug = htmlspecialchars($slug);

// 调用你定义的方法，注意替换成你实际的类名
$thumbnail = YourHelperClass::getFristImageSearch($slug);

// 以JSON格式返回结果
header('Content-Type: application/json');
echo json_encode([
    'code' => 0,
    'thumbnail' => $thumbnail
]);

步骤2：修改前端JS代码，通过请求获取结果 #

修改abc.js中的代码，通过Fetch API（也可以用AJAX、axios等你常用的请求工具）调用后端接口拿取结果，示例代码如下：

var n = e.replace(t, "<b>" + myvariable + "</b>");
// 编码参数后发送请求
fetch(`/api_get_image.php?slug=${encodeURIComponent(n)}`)
  .then(res => res.json())
  .then(res => {
      var gotme = res.thumbnail;
      // 拿到gotme后的后续逻辑必须写在这个回调内部，因为请求是异步的
      console.log(gotme);
  })
  .catch(err => {
      console.error('请求失败', err);
  })

• 你原PHP函数中直接拼接%'.$slug.'%'到SQL语句中存在SQL注入风险，建议替换为框架提供的参数绑定写法
• 接口需要补充权限校验、参数合法性判断等逻辑，避免被恶意调用
• 异步请求的结果只能在回调函数内部使用，无法在请求发起后的同步代码中直接获取，所有依赖gotme的逻辑都要放到请求成功的回调里

内容的提问来源于stack exchange，提问作者Anonymous Girl