Question

目前我正在使用的即时搜索工作正常，但只有一个问题。

每当我输入＆＃34; Chemical＆＃34;时，它都会显示

的查询

Chemical Engineer
Chemical Entrepreneur
Checmical People

但是，我想决定添加＆＃34;工程师＆＃34;在＆＃34;化学＆＃34;之后，结果将是

Chemical Engineer
Chemical Entrepreneur
Checmical People
Chemical Engineer
Chemical Entrepreneur
Checmical People

这是代码

router.js

router.post('/api/search/', function(req, res, next) {

  Product.search(
    {
      query_string:
      { query: req.body.search_term }
    } , function(err, results) {
        if (err) return next(err);
        res.json(results);
    });
});

custom.js

$('#search').keyup(function() {

    // 1. grab the search term from the input field
    var search_term = $(this).val();

    // 2. send it to your back-end via ajax in the body
    $.ajax({
      method: "POST",
      url: "/api/search",            // <-- your back-end endpoint
      data: { search_term },  // <-- what you're sending
      dataType: "json",              // <-- what you're expecting back
      success: function(json){       // <-- do something with the JSON you get
        // 3. parse the JSON and display the results
        var res = json.hits.hits.map(function(hit) {
          return hit;
        });
        console.log(res);
        for (var i = 0; i < res.length; i++) {
          $('.testing').append('<li>' + res[i]._source.name + '</li>');
        }

      },
      error: function(data){
        alert('Error', data);
      }
    });
  });

如何停止复制？

使用curl -XGET localhost：9200 /产品/ _mapping由Val

建议

{"products":{"mappings":{"product":{"properties":{"_id":{"type":"string"},"category":{"type":"string"},"description":{"type":"string"},"image":{"type":"string"},"name":{"type":"string"},"price":{"type":"double"},"sizes":{"type":"string"},"stocks":{"type":"double"}}}}}}

Answer 1

我认为你应该清理普通结果。总是你按一个键你得到textfield的值，那个值将通过ajax发送。如果你写Chemical，你会收到一些回复，这些回复会附加到你的html，所有这些回复都与Chemical匹配，所以当你写Chemical Engineering时，你需要清理附带的previus标签，这样我认为这可能就足够了：

custom.js

$('#search').keyup(function() {

    // 1. grab the search term from the input field
    var search_term = $(this).val();

    // 2. send it to your back-end via ajax in the body
    $.ajax({
      method: "POST",
      url: "/api/search",            // <-- your back-end endpoint
      data: { search_term },  // <-- what you're sending
      dataType: "json",              // <-- what you're expecting back
      success: function(json){       // <-- do something with the JSON you get
        // 3. parse the JSON and display the results
        var res = json.hits.hits.map(function(hit) {
          return hit;
        });
        console.log(res);
        $('.testing').empty(); ///new line added
        for (var i = 0; i < res.length; i++) {
          $('.testing').append('<li>' + res[i]._source.name + '</li>');
        }

      },
      error: function(data){
        alert('Error', data);
      }
    });
  });

PS：句子var search_term = $(this).val();不是必需的keyup函数会为您提供参数event和element

https://api.jquery.com/keyup/

如何在即时搜索上停止复制？ jquery + AJAX + mongoosastic

1 个答案: