Javascript 在ajax中,如何隐藏一个div并在下一个div中显示success

Javascript 在ajax中,如何隐藏一个div并在下一个div中显示success,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我使用ajax进行onkeyup搜索。如果textbox为空,我想显示所有结果,但如果textbox不为空,则根据键入的文本显示 我想显示.resultDiv id并隐藏以前显示的结果 get\u projectList.php包含对结果的查询 提前感谢函数searchme(){ function searchme() { var value; value = document.getElementById('search_id').value; if(value.le

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

我想显示.resultDiv id并隐藏以前显示的结果


get\u projectList.php包含对结果的查询

提前感谢

函数searchme(){
function searchme() {
    var value;
    value = document.getElementById('search_id').value;
    if(value.length > 0 )
    {

      $.ajax({
        type: "GET",
        url: "get_projectList.php",
        data: {value: value,
        'table': 'revenue'},
        success: function (result)
        {
         $("#project_all").hide();
         $("#resultDiv").html(result); 

       } })
       }
       else {$("#project_all").show(); }

}


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

 <div id="project_all">  // on page load
  <li>1</li>
  <li>1</li>
  <li>1</li>
  <li>1</li>
  <li>1</li>
 </div>
  <div id="resultDiv">

  </div>
var值; value=document.getElementById('search_id')。值; 如果(value.length>0) { $.ajax({ 键入:“获取”, url:“get_projectList.php”, 数据:{value:value, “表”:“收入”}, 成功:功能(结果) { $(“#所有项目”).hide(); $(“#resultDiv”).html(结果); } }) } else{$(“#项目_all”).show()} } //页面加载
  • 一,
  • 一,
  • 一,
  • 一,
  • 一,
  • 希望有帮助:)

    为什么要将ajax结果添加到resultDiv?只需将结果添加到project_all div即可


    仍有问题,请告诉我:)

    在success中,首先将html设为空并添加成功结果

    函数searchme(){
    var值;
    value=document.getElementById('search_id')。值;
    $.ajax({
    键入:“获取”,
    url:“get_projectList.php”,
    数据:{value:value,
    “表”:“收入”},
    成功:功能(结果)
    {
    $(“#所有项目”).hide()
    $(“#resultDiv”).show();
    $(“#resultDiv”).html();/*即使排除此行也有效*/
    $(“#resultDiv”).html(结果);
    }
    })
    
    }
    result
    如果
    text
    为空,则应包含所有值。请包含足够的代码以重现问题,并明确说明您遇到的问题。您的计算机在运行此代码时是否会爆炸,是否会出现错误,是否只是显示了错误的html?如果是这样,您会得到什么错误或输出?@Sumurai8我提到了更多详细的脚本它在每次执行$(“#resultDiv”).html(result)时都会运行bcz,因此它将删除旧结果并显示新结果:)在页面加载开始时,文本框为空并显示所有结果。当用户输入文本时,它必须根据插入的文本显示结果。您是否从结果返回所需的日期?好的,您正在获取数据,但需要隐藏div?您要隐藏的div是什么?
    div应该在事件发生后显示
    此div在事件发生后的开始处显示,应该隐藏。
    function searchme() {
        var value;
        value = document.getElementById('search_id').value;
        if(value.length > 0 )
        {
    
          $.ajax({
            type: "GET",
            url: "get_projectList.php",
            data: {value: value,
            'table': 'revenue'},
            success: function (result)
            {
             $("#project_all").hide();
             $("#resultDiv").html(result); 
    
           } })
           }
           else {$("#project_all").show(); }
    
    }
    
    
    <input type="text" id="search_id" onkeyup="searchme(this)">
    
     <div id="project_all">  // on page load
      <li>1</li>
      <li>1</li>
      <li>1</li>
      <li>1</li>
      <li>1</li>
     </div>
      <div id="resultDiv">
    
      </div>