一般方式和ajax方式从后台获取数据加载进网页
来源:互联网 发布:网络团队愿景怎么写 编辑:程序博客网 时间:2024/06/06 07:27
1,普通方法无非就是先访问相应servlet拿到数据,存到request域中,跳转到jsp页面,通过jsp标签遍历拿到数据,前面的文章提到了点击打开链接。
2,若想通过某些规则校验表单数据,没有访问数据库,jquery是你不二选择,点击跳转到jquery表单校验插件
3,通过ajax获取后台信息
拿购物网站为例,购物网站的导航栏是通用的,一般都是独立的jsp页面。新建一个head.jsp页面,由于是被包含,所以不用加入jquery插件,通过ajax异步访问后台,后台拿到数据库的数据是List集合,通过Gson工具将List转化为Json字符串返回给ajax引擎,通过脚本js动态将数据加入前台页面,使用前要导入Gson的jar包
head.jsp代码
<script type="text/javascript"> $(function(){ var content =""; $.post( "${pageContext.request.contextPath}/categoryList", function(data){ for(var i = 0; i < data.length; i++){ content +="<li><a href='#'>"+data[i].cname+"</a></li>" } $("#categoryListUl").html(content); }, "json" ) })</script>
servlet代码ProductService service = new ProductService();List<Category> category = service.findCategory();Gson gson = new Gson();String s = gson.toJson(category);response.setContentType("text/html;charset=utf-8");response.getWriter().write(s);
ajax各参数详情
1)$.get(url, [data], [callback], [type])
2)$.post(url, [data], [callback], [type])
其中:
url:代表请求的服务器端地址
data:代表请求服务器端的数据(可以是key=value形式也可以是json格式)
callback:表示服务器端成功响应所触发的函数(只有正常成功返回才执行)
type:表示服务器端返回的数据类型(jquery会根据指定的类型自动类型转换)
常用的返回类型:text、json、html等
3)$.ajax( { option1:value1,option2:value2... } );
常用的option有如下:
async:是否异步,默认是true代表异步
data:发送到服务器的参数,建议使用json格式
dataType:服务器端返回的数据类型,常用text和json
success:成功响应执行的函数,对应的类型是function类型
type:请求方式,POST/GET
url:请求服务器端地址
- 一般方式和ajax方式从后台获取数据加载进网页
- AJAX+SpringMVC 获取后台数据的方式
- js方式利用Ajax技术从后台获得数据
- input输入时,ajax方式动态获取后台数据代码
- jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
- 利用js将ajax获取到的后台数据动态加载至网页中
- Datagrid 加载后台数据的方式
- 表单数据提交方式,及后台获取数据方式
- Ajax获取数据的几种格式和解析方式
- Ajax获取数据的几种格式和解析方式
- jquery通过ajax方式获取json数据和解析
- 通过ajax方式从后台查询出数据并填入前台的select中
- table数据如何通过ajax方式加载?
- ajax获取数据的两种方式
- 使用ajax方式跨域获取数据
- 跨域获取数据ajax方式
- 使用 ajax 方式提交表单,并获取后台处理结果
- ajax案例---以GET和POST方式异步提交数据给后台
- 配置系统
- Go实现猜数字游戏
- Android版本下载以及切换
- Caused by: java.lang.IncompatibleClassChangeError: class org.springframework.core.type.classreading.
- ZOJ 3987 Numbers 2017CCPC秦皇岛站G题 大整数 二进制 贪心
- 一般方式和ajax方式从后台获取数据加载进网页
- 蓝桥杯 算法训练 关联矩阵(Java解题)
- (一)java基础篇笔记库(7)
- 第一次....考试分析(二)part two
- hibernate和mybatis的区别
- pix2pix tensorflow试验(GAN之图像转图像的操作)
- [Shoi2011]双倍回文
- nj
- SEED-DIM3517 实验一、二记录