栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

javaweb(ajax+json实现自动补全&&ajax实现分页)

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

javaweb(ajax+json实现自动补全&&ajax实现分页)

1使用jQuery的ajax判断用户名是否存在 ($.ajax/$.post)

无刷新:不刷新整个页面,只刷新局部 无刷新的好处: 只更新部分页面,有效利用带宽,提高用户体验

 $.ajax()常用参数与说明

一、$.ajax()

url:请求地址
data:请求参数 "name="+sname+"&pwd="+spwd {name:sname,pwd:spwd}
type:post/get 请求方式
dataType:预计服务器可能返回的数据类型 text/json 
success:成功的回调函数
error:失败的回调函数

二、$.post/get()

$.post(url,data,function(){});

对象:

{
  键:值,
  键:值

  "uname":"大炮1",
   "uage":18
}

字符串数组:["aa","bb","cc"]

对象数组:[{},{},{}]

工具:集合--->json格式的String

fastjson

JSON.toJSONString();


json格式的字符串解析成一个对象/对象数组
1.js的方式 eval()
2.jQuery的方式 $.parseJSON()
 

ajax+json实现自动补全以及分页代码例子:

index.jsp界面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>




Insert title here






    
商品名: 首页 上一页 下一页 末页 【/】
package com.zking.servlet;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

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 com.alibaba.fastjson.JSON;
import com.zking.biz.GoodsBiz;
import com.zking.biz.IGoodsBiz;
import com.zking.entity.goods;

@WebServlet("/page.do")
public class PageServlet extends HttpServlet{

	private List ls;
	
	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
	doPost(req, resp);
	}
	
	
	
	
	@Override
	protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		
		//设置编码方式
		req.setCharacterEncoding("utf-8");
		resp.setContentType("text/html;charset=UTF-8");
		
		//获取out
		PrintWriter out=resp.getWriter();
		
		int pageIndex=1;
		int pageSize=5;
		//servlet调用biz层
		IGoodsBiz igb=new GoodsBiz();
		//接收模糊查询关键字
		String gname=req.getParameter("gname");
		if(gname==null) {
			gname="";//相当于查询所有
		}
		//获取最大页码
	int max=igb.getMax("goods where gname like '%"+gname+"%'", pageSize);
	
		//接收pid
		String pid=req.getParameter("pid");
		if(pid!=null) {
			pageIndex=Integer.parseInt(pid);//改变页码
		}
	List ls=igb.getAllByPage(pageIndex, pageSize,gname);
		
	//定义一个map集合
	Map mym=new HashMap();
	//存元素
	mym.put("goodsList", ls);
	mym.put("pageMax", max);
	
	//利用工具将map集合--》json格式的对象字符串
		String str=JSON.toJSONString(mym);
		
	
	//把响应输送到客户端=页面
	out.write(str+"*"+max);
	out.flush();
	out.close();	
	}
	
	
	
	
	
	
	
	
	
	
}

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/845799.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号