为什么使用Ajax?
无刷新:不刷新整个页面,只刷新局部
无刷新的好处: 只更新部分页面,有效利用带宽,提高用户体验
什么是Ajax?
Asynchr onous 异步的 Javascript And Xml
Ajax:只刷新局部页面的技术
Javascript:更新局部的网页 XML:一般用于请求数据和响应数据的封装 XMLHttpRequest对象:发送请求到服务器并获得返回结果 CSS:美化页面样式 异步:发送请求后不等返回结果,由回调函数处理结果
通过 HTTP 请求加载远程数据。$.ajax()
通过远程 HTTP POST 请求载入信息。 $.post()。<%@ page language="java"
| 常用参数 | 说 明 |
| url | 一个用来包含发送请求的URL字符串(请求地址) |
| data | 发送到服务器的数据(参数) key/value |
| success(data) | 请求成功的回调函数 |
| type | 返回内容格式(xml、json、text等) |
| 常用参数 | 说 明 |
| url | 一个用来包含发送请求的URL字符串(请求地址) |
| data | 发送到服务器的数据(参数) key/value |
| success(data) | 请求成功的回调函数 |
| type | 返回内容格式(xml、json、text等) |
contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
首页
上一页
下一页
末页
package servlet;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.List;
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 biz.GoodsBiz;
import biz.IGoodsBiz;
import entity.Goods;
@WebServlet("/page.do")
public class PageServlet extends HttpServlet{
@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;
//接收pid
String pid=req.getParameter("pid");
if(pid!=null) {
pageIndex=Integer.parseInt(pid);
}
//调用biz层的分页方法
IGoodsBiz igb=new GoodsBiz();
//商品集合
List
//获取最大页码
int max=igb.getMax("goods", pageSize);
//把集合转为String
String str=JSON.toJSonString(ls);
//把响应输送到客户端
out.print(str+"*"+max);//特殊字符做拼接
out.flush();
out.close();
}
}



