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



