Javascript “使提交”按钮在每次单击中加载sumbit结果

我的项目包括两个导航栏内容，加载页面时显示两个不同的表，以及一个搜索栏，用于在不同的表中显示搜索结果

我面临的问题是，当我在表格中显示搜索结果后单击“提交”按钮，但再次单击时，将显示导航栏内容表格

我怀疑这是因为我在显示搜索表时隐藏了导航栏内容表

我正在寻找一个解决方案，使我的搜索结果显示每当提交按钮被点击，而没有网页刷新

我的

javascript

是：

var getNameOfEmployee=document.getElementById（'searchBarInputID'）；
函数displayEmployee（）{
if（getNameOfEmployee.value！=“”）{
$（“#搜索表单”）.submit（函数（事件）{
event.preventDefault（）；
});
AjaxGet（）；
myFunction（）；
}否则{
警告（“请输入您希望知道其分机代码的任何员工姓名！”）；
}
}
函数myFunction（）{
var x=document.getElementById（“table1ID”）；
var y=document.getElementById（“table2ID”）；
如果（x.style.display==“无”）{
x、 style.display=“block”；
y、 style.display=“block”；
}否则{
x、 style.display=“无”；
y、 style.display=“无”；
}
}
AjaxGet=函数（url、storageLocation、mySuccessCallback）{
var result=$.ajax({
键入：“获取”，
网址：'http://localhost:8080/path/'+$（“#searchBarInputID”）.val（），
参数：“{}”，
contentType:“应用程序/json”，
数据类型：“json”，
成功：功能（数据）{
存储位置=数据；
var txt=“”；
var length=Object.keys（storageLocation）.length；
$.each（存储位置、函数（索引、值）{
$（“#searchForm#someLabel”+index.val（value.name）；
txt+=“”+value.name+“”+value.code+“”；
});
如果（txt！=“”）{
$（“#searchTableID tbody”）.html（txt）；
}
}
}).responseText；
};

代码中存在一些冲突。当你阻止你屈服，什么也不做。此外，还有异步方法和success方法填充表，但必须在success方法完成后显示表

var getNameOfEmployee = document.getElementById('searchBarInputID');

function displayEmployee() {

  if (getNameOfEmployee.value != "") {
    $("#searchForm").submit(function(event) {
      event.preventDefault();
      AjaxGet();
    });
  } else {
    alert("Please enter any name of employee that you wish to know the extension code of!");
  }
}

function myFunction() {
  var x = document.getElementById("table1ID");
  var y = document.getElementById("table2ID");

  if (x.style.display === "none") {
    x.style.display = "block";
    y.style.display = "block";
  } else {
    x.style.display = "none";
    y.style.display = "none";
  }
}

AjaxGet = function(url, storageLocation, mySuccessCallback) {
  var result = $.ajax({
    type: "GET",
    url: 'http://localhost:8080/path/' + $("#searchBarInputID").val(),
    param: '{}',
    contentType: "application/json",
    dataType: "json",
    success: function(data) {
      storageLocation = data;
      var txt = "";
      var length = Object.keys(storageLocation).length;
      $.each(storageLocation, function(index, value) {
        $("#searchForm #someLabel" + index).val(value.name);
        txt += "<tr><td>" + value.name + "</td><td>" + value.code + "</td></tr>";
      });

      if (txt != "") {
        $("#searchTableID tbody").html(txt);
      }

      myFunction();
    }
  }).responseText;
};

var getNameOfEmployee=document.getElementById（'searchBarInputID'）；
函数displayEmployee（）{
if（getNameOfEmployee.value！=“”）{
$（“#搜索表单”）.submit（函数（事件）{
event.preventDefault（）；
AjaxGet（）；
});
}否则{
警告（“请输入您希望知道其分机代码的任何员工姓名！”）；
}
}
函数myFunction（）{
var x=document.getElementById（“table1ID”）；
var y=document.getElementById（“table2ID”）；
如果（x.style.display==“无”）{
x、 style.display=“block”；
y、 style.display=“block”；
}否则{
x、 style.display=“无”；
y、 style.display=“无”；
}
}
AjaxGet=函数（url、storageLocation、mySuccessCallback）{
var result=$.ajax({
键入：“获取”，
网址：'http://localhost:8080/path/'+$（“#searchBarInputID”）.val（），
参数：“{}”，
contentType:“应用程序/json”，
数据类型：“json”，
成功：功能（数据）{
存储位置=数据；
var txt=“”；
var length=Object.keys（storageLocation）.length；
$.each（存储位置、函数（索引、值）{
$（“#searchForm#someLabel”+index.val（value.name）；
txt+=“”+value.name+“”+value.code+“”；
});
如果（txt！=“”）{
$（“#searchTableID tbody”）.html（txt）；
}
myFunction（）；
}
}).responseText；
};

我不确定您在这里想做什么。你的项目是否有一个公共URL以便我查看？代码中存在一些冲突。当你阻止你屈服，什么也不做。此外，您还有异步方法和成功方法，它们填充了表格，但您可以在成功完成后显示表格抱歉@Gurkanİlleez我发现您的代码和我的代码没有区别！你能给我解释一下你回答的问题吗？