ajax实现关联词提示

　　直白一点，就是这样的效果：

　　这里需要实现的是局部数据传输，而不是整个页面的加载，就用到了ajax

　　这里简单的实现了这个功能

　　如果输入的关键字不在数据库里就不会提示关键词：

代码如下：

HTML部分

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><script>function showres(res){//不输入或者删除 关联词位置不显示 退出showres()if(res.length==0){document.getElementById('textres').innerHtml="";return;}//浏览器兼容性// var xmlhttp;if(window.XMLHttpRequest){xmlhttp = new XMLHttpRequest();}else{xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');}xmlhttp.onreadystatechange = function (){if(xmlhttp.readyState == 4 && xmlhttp.status == 200){document.getElementById('textres').innerHTML=xmlhttp.responseText;}}xmlhttp.open("GET","guanlian.php?q="+res,true);xmlhttp.send();}</script>
</head>
<body><h3>请输入：</h3><form><input type="text" οnkeyup="showres(this.value)"><p><span id='textres'></span></p> </form>
</body>
</html>

php部分：

<?php
$a[] = 'apple';
$a[] = 'auto';
$a[] = 'apache';
$a[] = 'apart';
$a[] = 'black';
$a[] = 'blue';
$a[] = 'back';
$a[] = 'bus';
$a[] = 'cup';
$a[] = 'case';
$a[] = 'can';
$a[] = '来了';
$a[] = '来了老弟';
$a[] = '有来有去';
$a[] = '不会来';
//获取参数q
$q = $_GET['q'];
//是否有值
if(strlen($q)>0){$relation="";for($i=0;$i<count($a);$i++){if(strtolower($q)== strtolower(substr($a[$i],0,strlen($q)))){if($relation==""){$relation=$a[$i];}else{$relation=$relation.'<br>'.$a[$i];}}}
}
if($relation==""){$response='没有关联词';
}else{$response=$relation;
}
echo $response;

转载于:https://www.cnblogs.com/zhangcheng001/p/11147137.html

ajax实现关联词提示相关推荐

国考省考申论：2次阅读法：1读感知材料类型和段落关系，2读根据问题词，原因词，影响词，对策词，关联词把握得分要点
国考省考申论:2次阅读法:1读感知材料类型和段落关系,2读根据问题词,原因词,影响词,对策词,关联词把握得分要点 2022找工作是学历.能力和运气的超强结合体! 公务员特招重点就是专业技能,附带行测和 ...
字符串匹配数据结构 --Trie树高效实现搜索词提示 / IDE自动补全
文章目录 1. 算法背景 2. Trie 树实现原理 2.1 Trie 树的构建 2.2 Trie树的查找 2.3 Trie树的遍历 2.4 Trie树的时间/空间复杂度 2.5 Trie 树 Vs ...
ajax post 请求一直提示 404 not found textStatus error
2019独角兽企业重金招聘Python工程师标准>>> ajax post 请求一直提示 404 not found textStatus error var dataParams ...
TP框架中ajax post请求时提示404
ajax post请求时提示404错误 TP框架中ajax post请求时提示404 找了半天是控制器中方法有错误! 下次再遇到去控制器方法中找一步一步找,肯定能找到,我是单词拼错了! 转载于:ht ...
ajax给表格填值,填报表用ajax实现关联单元格自动填充
在做填填报表用ajax实现关联单元格自动填充">报表.如果是简单的加减乘除运算,可以在单元格的自动计算里面实现:如果关联单元格显示的内容是从数据库中取出来的,就不能写加减乘除表达式来实 ...
计算机常用英语关键词意思,英语关键词，英语关联词大全及翻译!
搜集英文关键字! 就是一些中文关联词,翻译成英文,比如无论..都....怎么翻译because so however though 英语关联词 -并列连词 1 并列连词在句子中不做成分,仅表示前后关 ...
搜索引擎的相关词提示
好的搜索引擎应该就用户当前的检索词提示出与之相关的其他关键词供用户参考.当前多数搜索引擎采用的基本方式是从其它用户常用的检索词中选出切词后有包含关系的词作为相关词,并选出其中检索量或搜索结果数最大的 ...
网站的关联词怎么做？
什么是关联词?就是网站上,虽不是目标关键词,但是和目标关键词有相关性.而且可以带来流量的短语关键词. 怎么做? 1.关联搜索.搜索引擎输入框输入关键词,联想与该关键词有关的所有关键词形成列表展示.该列 ...
怎么搜网站关联词，长尾词挖掘怎么做
之前不是在讨论网站关键词优化吗,提到了关键词搜索的部分,这两天看到有朋友在问,要怎样搜索网站关联词?长尾关键词挖掘要怎么做?今天跟大家分享利用好iis7长尾词挖掘这个工具,可以快速的帮我们挖掘出长尾关 ...

ajax实现关联词提示

ajax实现关联词提示相关推荐

最新文章

热门文章