Ajax实现搜索文本框自动联想功能

success:function (result) {

//当用户输入的内容为空的时候

if (result==“”){//没有查询到相应数据

//去掉边框样式并停止下面的操作

tips.css(“border”,“none”);

return;

}

//获取结果并通过分割字符串

var cons =result.split(“,”);

//声明变量用来保存结果集

var divs =“”;

//遍历结果集

for (var i =0;i<cons.length;i++){

//将遍历的结果拼接在div中存储在divs变量中

divs+=“

”+cons[i]+“

”

}

//将拼接的html代码块显示在查询的结果集

tips.html(divs);

//将盒子设置为显示

tips.css(“border”,“3px solid black”);

},error:function () {

//alert(“请求失败”)

}

})

})

})

后台servlet代码：

package servlet;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import java.io.IOException;

import java.io.PrintWriter;

import java.util.ArrayList;

import java.util.List;

@WebServlet(“/Searchservlet”)

public class Searchservlet extends HttpServlet {

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

//设置响应内容类型和编码格式

request.setCharacterEncoding(“utf-8”);

response.setContentType(“text/html;charset=utf-8”);

response.setCharacterEncoding(“utf-8”);

//获取用户输入的内容

String name = request.getParameter(“name”);

//模拟数据库的查询操作

List list = new ArrayList<>();

list.add(“百度”);

list.add(“百事可乐”);

list.add(“百世快递”);

list.add(“百度翻译”);

list.add(“百度百科”);

list.add(“美国”);

list.add(“美元”);

list.add(“网易”);

list.add(“美团”);

list.add(“滴滴”);

list.add(“滴水”);

list.add(“小米”);

list.add(“小新”);

list.add(“OPPO”);

list.add(“三星”);

list.add(“花伤情犹在”);

list.add(“花朵”);

//定义变量将匹配结果保存起来

String info = “”;

//根据用户输入的内容语句数据库查询的结果进行比较

if (!“”.equals(name)){

for (int i = 0; i < list.size(); i++) {

//toUpperCase()将字符串转大写 toLowerCase()将字符串转小写—》目的忽略搜索时的字符串大小写

if (list.get(i).indexOf(name.toUpperCase())>-1 || list.get(i).indexOf(name.toLowerCase())>-1){

if (i==list.size()-1){

info+=list.get(i);

}else {

info+=list.get(i)+“,”;

}

}

}

}

PrintWriter writer = response.getWriter();

writer.write(info);

}

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

this.doPost(request,response);
}
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Java）

最后总结我的面试经验

2021年的金三银四一眨眼就到了，对于很多人来说是跳槽的好机会，大厂面试远没有我们想的那么困难，摆好心态，做好准备，你也可以的。

另外，面试中遇到不会的问题不妨尝试讲讲自己的思路，因为有些问题不是考察我们的编程能力，而是逻辑思维表达能力；最后平时要进行自我分析与评价，做好职业规划，不断摸索，提高自己的编程能力和抽象思维能力。

BAT面试经验

实战系列：Spring全家桶+Redis等

其他相关的电子书：源码+调优

面试真题：

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！
[外链图片转存中…(img-aldSZJEQ-1713809038830)]

面试真题：

[外链图片转存中…(img-fdnzAFER-1713809038830)]

[外链图片转存中…(img-g8PbXYYZ-1713809038830)]
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！