Ajax实时搜索Javascript数据
Ajax Live Search Javascript Data
function getData(str) {
if (str.length == 0) {
var target = document.querySelectorAll("#delete");
return;
} else {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var target = document.querySelectorAll("#delete");
for(var i=0 ; i<target.length; i++){
target[i].innerHTML="";
target[0].innerHTML=this.responseText;
}
}
};
xmlhttp.open("GET", "data.php?q=" + str, true);
xmlhttp.send();
}
}
早上好,我有一个实时搜索上的AJAX请求以下javascript。然后将此数据发送到data.php页面,该页面检查q的get请求是否为空,如果不是,则返回匹配的数据。现在,当搜索框为空时,我想显示所有结果,而不是不显示结果。我试着检查$_GET请求是否在data.php页面上为空输出所有结果,但它不起作用。当$_GET['q']为空时,我似乎能够做一些事情的唯一方法是在上面的
中的javascript中if(str.length==0) {
....
} ;
现在的问题是,我想发送所有的数据,如果搜索是空的但这些数据是在我的php文件那么我如何将数据从php发送到javascript?也许会有更好的怎么做,还是有什么我不明白的地方?
如果您想在搜索字符串为空时显示所有搜索结果,那么您可以在data.php中检查$_GET的q参数是否为空。如果它为空,那么data.php可以返回所有的数据。您的代码可以更新如下:
function getData(str) {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var target = document.querySelectorAll("#delete");
for(var i=0 ; i<target.length; i++){
target[i].innerHTML="";
target[0].innerHTML=this.responseText;
}
}
};
xmlhttp.open("GET", "data.php?q=" + str, true);
xmlhttp.send();
}
相关文章:
- 如何在上传前在浏览器中去除图像元数据(javascript)
- 从JSON对象中删除额外的括号和数据 - Javascript
- 测试两个变量是否包含一些数据 JavaScript
- 追加 POST 数据 javascript
- 通过设置SRC数据Javascript平滑淡入图像RGB
- 列出json数据javascript
- Yahoo api 从公共数据 JavaScript 切换到 oAuth
- 对恶意用户隐藏数据 JavaScript 函数
- JavaScript:如何预加载<对象>图像数据?/ JavaScript 的图像与<对象>
- 张贴base64数据JavaScript/jQuery
- 自动求和和和追加数据javascript
- 在数据Javascript上迭代时删除对象中以前的项
- 获取值数据
javascript - 获取数据javascript和推到数组Cordova
- 如何在用户单击提交按钮之前从输入框读取数据?(JavaScript)
- 在函数中传输数据?Javascript
- .filter在HTML表上不返回数据- JavaScript
- JSON数据&JavaScript(试图找到错误,可能只是语法)
- 图表数据javascript
- 不能给ajax加载的数据javascript