ajax实现了类似于百度搜索栏的功能(许多访谈)

需要在实习期间使用异步提交功能,所以尽量了解ajax,感觉在学习之前的一瞬间真的是一个水桶啊,的确,做网页应用开发,如果不是jQuery和ajax,那就知道了,知道我觉得网上那些花哨的功能已经可以实现了。

如果你说的不多,有一个简单的Ajax搜索栏功能对showHint底。用户在上面的输入框输入字符时,他们将执行功能showHint(),这个功能是由onkeyup事件触发:


功能showHint(STR)
{
VaR技术;
如果(str.length = = 0)
{
document.getelementbyidx_x(txtHint).innerHTML = ;
返回;
}
如果(窗口。XMLHttpRequest)
{
XMLHTTP =新的XMLHttpRequest();
}
其他的
{
XMLHTTP =新的ActiveX对象(微软。XMLHTTP );
}
Xmlhttp。onreadystatechange =功能()
{
如果(XMLHTTP。发生= 4 = = 200 XMLHTTP。状态)
{
document.getelementbyidx_x(txtHint).innerHTML = xmlHttp.responseText;
}
}
Xmlhttp.open(
Xmlhttp.send();
}


源代码解释:

如果输入框为空(str.length = = 0),函数清空txtHint占位符的内容和退出功能。

如果输入框不空,showHint()函数执行以下任务:

创建XMLHttpRequest对象

当服务器准备响应已就绪的功能时

向服务器发送请求的文件。

请注意,我们已将参数q添加到URL(输入框的内容)

所请求的文件是用PHP编写的,当然,一切都可以使用,而且与一般页面没有本质区别:


< PHP
以按名称填充数组
$ 安娜;
$ { } =布列塔尼;
$ 灰姑娘;
$ 戴安娜;
$ 伊娃;
$ 菲奥娜;
$ { } =摸爬滚打;
$ { } =霸权;
$ { } =印加;
$ 约翰娜;
$;
$ 琳达;
$ 妮娜;
$ { } =奥菲利亚;
美元{;
$ { } = 阿曼达;
$ 拉奎尔;
$ 辛蒂;
$ 多丽丝;
$ ;
$ 埃维塔;
$ { } =sunniva ;
$ { } =托夫;
$ { } =姐姐;
$;
$ { } =阿姐;
$ 伊丽莎白;
$ 艾伦;
$ { } =飘荡;
$ 维姬;
从URL获取的q参数
Q =美元美元_get {Q};
如果q大于0,则在搜索数组中的所有提示。
如果(strlen($ Q)> 0)
{
$提示;
($ i = 0;$ i <计数($ A);$ + +)
{
如果(strtolower($ Q)= = strtolower(substr($ { $我},0,)))))) strlen($ Q
{
如果($ =)
{
$;
}
其他的
{
$提示。
}
}
}
}
如果没有发现输出设置为没有建议
否则设置为正确的值
如果($暗示= = )
{
$响应没有建议;
}
其他的
{
$响应=提示;
}
输出/响应
回波响应;
>


我听说我去百度面试的时候,话题也差不多。

以上是Ajax是由百度小编给你介绍,这是类似于百度搜索栏的功能。谢谢你的支持网站。