JavaScript限时搜索功能实现,限制恶意搜索保护网站减轻服务器负担

如果我们的网站可以让用户一直连续不断地搜索文章或帖子,如果大量用户同时连续搜索,或者被别人恶意不断连续搜索,这样就会给服务器造成很大的负担,导致网站不稳定,甚至访问不了。

基于这个问题,我们需要写一个限时搜索功能来解决。

下面,本作就献出自己制作的“限时搜索功能”源代码,有需要的同学可以参考使用:

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>heartmv.com</title>
	<style>
		#search{
			margin:50px;
		}
	</style>
</head>

<body>
<div id="search">
  <form name="form1" action="javascript:;" method="get">
    <input id="Sarticle" type="text" placeholder="请输入文字">
    <button onClick="sou1suo4()" type="submit">搜文章</button>
  </form>
  <p id="ssp"></p>
</div>
<script type="text/javascript">
	let flag=true;
	let t=15;//定义搜索间隔时间
	let timer=null;//定义定时器变量
	
	//搜索函数
	sou1suo4=function(){
		var wz=document.getElementById("Sarticle").value;//获取用户输入的文字
		if(wz===""){//如果用户没输入内容,则直接跳出函数
			return false;
		}
		if(flag){
			clearInterval(timer);
			window.open("https://www.heartmv.com/xx地址路径?q="+wz);//替换你自己网站的搜索链接地址路径
			flag=false;
			timer=setInterval(function(){//定时器倒数
				document.querySelector("#ssp").innerHTML="请等待"+t+"秒再搜索";
				t--;
				if(t<0){
					clearInterval(timer);
					t=15;
					flag=true;
					document.querySelector("#ssp").innerHTML="";
				}
			},1000);
		}
	}
</script>
</body>
</html>

浏览器效果(提示:必须要输入内容才能搜索):
JavaScript限时搜索功能实现,限制恶意搜索保护网站减轻服务器负担插图
本作的“雨飞叶”博客是PHP语言的WordPress,没学过PHP,暂时改不了,只能修改织梦后台的网站了。最终添加样式后的限时搜索功能效果如下:
JavaScript限时搜索功能实现,限制恶意搜索保护网站减轻服务器负担插图(1)
可惜,此方法只对那些小白用户有效,学习过这些知识的人依然可以跳过限时的。

没有账号? 忘记密码?

社交账号快速登录