如何在进行搜索时删除已存在的数据

时间:2016-10-21 15:32:11

标签: javascript jquery ajax

我必须在网站中集成搜索引擎。但是第一页上已有一份数据清单。 我的问题是,在制作新的搜索请求时,这些数据应该如何隐藏或删除。 !https://1drv.ms/f/s!AsW4Pb3Y55Qjb34OtQI7qQotLzc 在提到的图像中,让我输入要搜索的内容,并在点击时输入如何删除当前元素。 我的意思是在获得成功回复之后如何删除网站上已存在的数据列表。 我试图找到资源,但没有任何线索。如果有人给我一些指示,我会很感激。我是ajax和jquery的新手。

代码开始:

$( “#搜索”)。KEYUP(函数(){

var myInput = $("#search").val();
if ((myInput != "") && (myInput != searchText)) {
    $.ajax({
        url: '/search-start',
        type: 'GET',
        data: {"data": myInput},
        success: function (response) { 
            console.log(response);

        },
        error: function () {
            console.log("Error.")
        }

});

function update(){     clearInterval(定时器);

Octokit.contents("user/reponame", path: 'path/to/file.md')

1 个答案:

答案 0 :(得分:0)

假设

<div id="data-container"> <!-- main container which holds your data list -->
   <ul id="data-list"> <!-- list of data here -->
      <li>Data 1</li>
      <li>Data 2</li>
      <!--- ...other datas --->
   </ul>
</div>

然后

    $.ajax({
        url: '/search-start',
        type: 'GET',
        data: {"data": myInput},
        success: function (response) { 
            if(/**response contains correct data**/){
               $('#data-list').html(''); // empty the data list

               //prepare the data list view like

               var newDataList = "";

               $.each(response['data'], function(key, val){
                  newDatalist += "<li>"+val+"</li>";
               });

               // then append your new data to the data list
               $('#data-list').html(newDataList);

            }
        },
        error: function () {
            console.log("Error.")
        }
     });