构建垂直搜索引擎 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

数据检索


  当我们在输入框,输入要检索的关键字后,点击查询按钮,这时我们要做的就是去实现数据的检索。主要代码如下:

   $("#btn_search").click(function () {
                   var key = $("#key_search").val();
                   var data = '{"query":{"match":{"content":"' + key + '"}}}';
                   $.ajax({
                       url: 'http://192.168.1.200:9200/article/detail/_search?source=' + data,
                       type: 'POST',
                       data: data,
                       dataType: "jsonp",
                       async: false,
                       jsonp: "callback",
                       success: function (data) {
                          //展示结果
                          // data中的数据即为我们要查询的数据,然后解析出我们需要的数据,展示出来。
                       }, error: function (data) {
                           alert("Error!");
                       }
                   });
               });

  我们这里主要用了jqueryajax技术来实现数据的搜索,对搜索结果具体解析,得到我们想要的数据,在页面上展示出来,其中data就是我们要解析展示的数据。