前端通过ajax解析字符串

最新推荐文章于 2024-04-10 14:59:20 发布

原创最新推荐文章于 2024-04-10 14:59:20 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种利用Ajax技术实现前后端交互的方法，通过该方法可以在前端实现输入框的自动补全功能。具体步骤包括：后端接收前端传来的查询参数，查询数据库并返回结果；前端通过Ajax调用后端接口获取数据，并将返回的数据进行处理以实现自动补全。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

后台：

String sear = request.getParameter("sear");
		
		//验证用户表中是否存在
		SearchDao searDao  = new SearchDao();
		List<String> lst = searDao.query(sear);

		//返回ajax响应
		StringBuffer sbf = new StringBuffer();
		for (String str : lst){
			sbf.append(str+",");
		}
		String result = "";
		if (lst.size()>0){
			result = sbf.substring(0, sbf.length()-1);
		}
		response.setCharacterEncoding("UTF-8");
		response.setContentType("text/html");
		PrintWriter out = response.getWriter();
		out.write(result);
		out.flush();
		out.close();

后台将数据转化成一定格式的字符串；

前端：

$.get("user?method=checkUsername",{"sear":sear},function(result){
				if(result != " "){
					var arr = result.split(",");
					for (var i=0;i<arr.length;i++){
						$("#mydiv").append("<div class='sb'>"+arr[i]+"</div>");
					}
                                 }
                               });

前端将字符串拆开，然后再显示；