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 Listls; @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(); } }