Question

我通过onkeyup使用ajax进行搜索。如果textbox为空，我想显示所有结果但如果textbox不为空，则根据键入的文本显示。

<input type="text" onkeyup="searchme()" id="search_id" />

   function searchme() {
        var value;
        value = document.getElementById('search_id').value;
          $.ajax({
            type: "GET",
            url: "get_projectList.php",
            data: {value: value,
            'table': 'revenue'},
            success: function (result)
            {$("#resultDiv").html(result); } })
    }

我想显示.resultDiv id并隐藏之前显示的结果
<div id="resultDiv"></div>

get_projectList.php包含结果查询

提前致谢

Answer 1

  <header className='header'>
    {navigation.map((item, index) => {
      return(
        <li key={index}>
          <Link to={item.path}>{item.name}</Link>
          { item.subnav && <SubNavigation items={item.subnav}/> }
        </li>
      )
    })}
  </header>

jsfiddle

希望有帮助：）

为什么要向resultDiv添加ajax结果只是将结果添加到project_all div。

仍然有问题，请跟我说.. :)

Answer 2

在成功中首先将html清空并添加成功结果。

function searchme() {
  var value;
  value = document.getElementById('search_id').value;
  $.ajax({
    type: "GET",
    url: "get_projectList.php",
    data: {value: value,
    'table': 'revenue'},
     success: function (result)
     {
       $("#project_all").hide()
       $("#resultDiv").show();
       $("#resultDiv").html(); /* works even thisline is excluded */
       $("#resultDiv").html(result); 
     }
  })
}

在ajax中如何隐藏一个div并在下一个div中显示成功

2 个答案: