html代码:
<div class="layui-form-item">
<label class="layui-form-label"><em style="color: red">*</em>医院名称</label>
<div class="layui-input-block" style="width: 460px">
<input type="text" id="name" name="name" required placeholder="请输入医院名称" autocomplete="off" class="layui-input">
</div>
</div>
<div>
<span id="click_check" class="layui-btn layui-btn-sm">检测医院名称是否存在</span>
</div>
js代码(LayUi):
//通过es分词器查询
$('#click_check').on('click', function () {
var input_name = $("#name").val();
if (input_name == '') {
layer.msg('检测内容不能为空', {icon: 2});
return false;
};
$.post(
'match-input-name'
, {'input_name': input_name}
, function (res) {
if (res.status == 1) {
var html = '';
$.each(res.data, function (i, v) {
html += '<tr><td>' + v + '</td></tr>';
});
$('#show_result table').html(html);
} else {
layer.msg('查询失败', {icon: 2});
return false;
}
}
);
});
php代码:
public function getEsNameByInputName($input_name)
{
$query = self::find();
if (empty($input_name) && $input_name == null) {
return ['status' => 0, 'msg' => '参数错误'];
}
//multi_match作用为:匹配input_name含于name或者nick_name
$where = [
'multi_match' => [
'query' => $input_name,
'fields' => ['name','nick_name'],
]
];
//匹配候选项后es会创建新对象存放匹配候选项
$hightlight = [
"pre_tags" => ['<span style="color: red">'],
"post_tags" => ['</span>'],
//在原生api中写的是{}表示空对象,因此使用php的stdClass来表示空对象
"fields" => [
"name" => new \stdClass(),
'nick_name' => new \stdClass()
]
];
$data = [];
$res = $query->query($where)->highlight($hightlight)->asArray()->all();
//到这里就可以返回了以下是针对我自己业务进行的数据清洗
//将返回的name,nick_name拼装成一个一维数组进行返回
foreach ($res as $key => $val) {
if (!empty($val['highlight']['name'])) {
$data[] = $val['highlight']['name'];
}
if (!empty($val['highlight']['nick_name'])){
$data[] = $val['highlight']['nick_name'];
}
}
return ['status' => 1, 'msg' => '获取数据成功', 'data' => $data];
}
最终实现效果: