AJAX第五步:使用ajax解决页面首页显示后台数据的问题
来源:互联网 发布:天池 大数据 编辑:程序博客网 时间:2024/05/21 14:46
最近做项目的时候遇到一个小问题,比如一个购物界面的首页中物品的数据是如何一访问到首页就显示出来的?后来发现可以用jquery里面的方法,实现在jsp页面加在完毕时触发ajax,显示出数据,下面写一个简单例子,其中servlet和前面第四步中是同一个。
jsp代码:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title></head><body><div id="ajax2"></div><div id="ajax3"></div><div id="ajax4"></div></body><script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"></script><script type="text/javascript">$(document).ready(function(){$.ajax({type : "POST" ,async : true,url :"${pageContext.request.contextPath}/JqueryAjaxDemo",data : {"id" : 123 , "name" : "zxc"}, //传递参数dataType : "json", //规定了返回类型 也可以不规定在 直接$.each($.parseJSON(result),function(id,json){});error : function(){alrt('error');},success : function(result){$.each(result,function(id,json){$("#ajax2").append(id+json.id+json.name+json.age);$("#ajax3").html("<h1>hello</h1>");$("#ajax4").text("<h1>hello</h1>");});}});});</script></html>
阅读全文
0 0
- AJAX第五步:使用ajax解决页面首页显示后台数据的问题
- [Ajax]便于在html页面中引用javascript显示后台数据的一段ajax代码
- ThinkPHP定时ajax获取后台数据,使用javascript动态修改前端页面的表格来显示数据
- Ajax 异步或取后台数据json显示到页面
- mvc-ajax(从后台取数据显示到页面上)
- ajax页面刷新问题的解决思路
- 解决ajax页面缓存的问题
- 解决ajax页面缓存的问题
- Ajax的五步使用
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- 使用Ajax获取后台返回的Json数据后,页面处理
- Ajax调用查看页面的后台返回json格式数据
- AJax 把拿到的后台数据在页面中渲染
- 解决Ajax页面缓存问题
- AJAX 在本页面呼叫后台数据
- Ajax 实现页面数据 后台验证
- springMVC对静态资源放行配置
- 网络编程
- Codeforces 432 Div. 2-D-Arpa and a list of numbers(枚举倍数求GCD)
- 在Andorid中使用FFmpeg实现YUV编码为MP4
- python操作docx文档
- AJAX第五步:使用ajax解决页面首页显示后台数据的问题
- struts2添加自己的校验器
- QT开发(四十)——GraphicsView编程
- 动态查看最近300行的代码
- 机器学习-- 逻辑回归
- Hdu 5784 How Many Triangles(极角排序+尺取法)
- JS常见面试题
- java文件读取
- C++ Prime Plus第六版--第二章复习题