Javascript 在ajax中,如何隐藏一个div并在下一个div中显示success
我使用ajax进行onkeyup搜索。如果textbox为空,我想显示所有结果,但如果textbox不为空,则根据键入的文本显示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
我想显示.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>