- 浏览: 142854 次
- 性别:
- 来自: 上海
文章分类
最新评论
-
ling凌yue月:
Yes,it's good!
JavaScript实现ReplaceAll 方法 -
lj1214388:
请问楼主,我导入了struts-jquery-plugin 的 ...
Jquery Ui 日期控件
Jason数据格式:
[{"title":"本市公布2011学年主要教育收费项目与收费标准","totalnum":"6","link":"/zwgk/tzggzwgk/czywgg/201108/t20110830_128689.html","date":"2011.08.30 17:04:00"},{"title":"关于申请设立上海瑞通会计师事务所的公示(截止)","totalnum":"6","link":"/zwgk/tzggzwgk/czywgg/201108/t20110831_128695.html","date":"2011.08.31 16:14:00"},{"title":"上海市市级财政专项资金评审专家库拟聘专家(第一批)公示(截止)","totalnum":"6","link":"/zwgk/tzggzwgk/czywgg/201109/t20110914_128746.html","date":"2011.09.14 15:19:00"},{"title":"关于申请设立上海志德会计师事务所的公示(截止)","totalnum":"6","link":"/zwgk/tzggzwgk/czywgg/201109/t20110906_128721.html","date":"2011.09.06 15:29:00"},{"title":"关于申请设立上海禾心会计师事务所的公示(截止)","totalnum":"6","link":"/zwgk/tzggzwgk/czywgg/201109/t20110906_128722.html","date":"2011.09.06 15:37:00"},{"title":"会计师事务所高新技术企业认定专项审计资质名单(2008年—2011年)","totalnum":"6","link":"/zwgk/tzggzwgk/czywgg/201108/t20110804_128427.html","date":"2011.08.31 16:04:00"}]
前台处理方法:
$.post("<%=basePath%>gxh/gxh001_wasStarch.do",{"type":2434,"start":start,"num":num},function(data){
var htmlstr = "";
var datalength = 0;
for(var i = 0 ; i<20 && data != null && i<data.length; i++){
var title = data[i].title;
var subtitle = title.length > 50 ? title.substring(0,50)+"...": title;
var date = data[i].date.substring(5,10);
datalength = data[i].totalnum;
htmlstr += "<li><div class='newsTitle'><a href='"+data[i].link+"' title='"+title+"' target='_blank'>"+subtitle+"</a></div><div class='newsDate'>["+date+"]</div></li>";
}
$("#count").val( datalength );
$("#gg").html(htmlstr);
$("#pageCount").val(pageCount);
var count = $("#count").val();
var page_div = " 共 "+ pageCount +" 页 " + count + " 条 第 " + currentPage.value + " 页 ";
$("#page_div").html("<span> "+ page_div +" </span>");
},"json");
发表评论
-
JavaScript 实现 StartWith endWith trim 方法
2013-01-04 14:24 829<script type="text/java ... -
ajax 模拟form提交
2012-11-21 19:33 0$("#form8 input[type=tex ... -
javascript endwith startwith
2012-03-11 03:58 784String.prototype.endsWith = f ... -
鼠标放上去图片变大
2011-10-14 00:46 1280<!DOCTYPE html><html l ... -
Jquery UI sortable.html
2011-10-14 00:38 1020<!DOCTYPE html><html l ... -
Jquery Ui 日期控件
2011-10-14 00:28 4147<!DOCTYPE html><html l ... -
Jquery Ui 自动完成
2011-10-13 23:40 1119<!DOCTYPE html><html l ... -
Jquery UI 封装 Alert框
2011-10-13 23:36 1154<!DOCTYPE html><html l ... -
JS中将字符串转为XML并读取对象的值
2011-10-05 15:06 849在java端将字符串转化为xml对象可以使用Documen ... -
javascript解析xml文件。兼容IE、firefox、Chrome
2011-09-28 17:23 925html<div id="bookList&q ... -
Javascript String StartWith endWith
2011-08-30 15:56 1027String.prototype.startsWith = f ... -
Text 输入回车之后执行的操作
2011-03-01 09:54 898文本框接收到回车字符,执行queryByUserName函数 ... -
JavaScript实现弹出窗口
2011-03-01 09:51 888function selectTime(id){ ... -
Div 实现弹出层
2010-09-26 10:51 902<html><head> < ... -
JQuery 生成标签效果
2010-09-22 09:26 1126ul,li{ margin: 0; padding: 0; ... -
JavaScript 去掉字符串两端的空格
2010-09-21 12:58 941//去掉字符串的空格 function ... -
JQuery 选择、过滤器
2010-09-18 20:24 797$(”#myELement”) —— 选择id值等于myEle ... -
JavaScript Tab
2010-09-17 12:19 47<style type="text/css ... -
j将表格数据转换成Word、Excel
2010-09-16 09:24 1261JavaScript 弹出询问窗口 var returnVa ... -
事件模仿
2010-09-15 23:01 738$(function(){ $('#old').bi ...
相关推荐
4. **前后端数据交互**:在前端,jQuery的AJAX请求会发送用户数据到Servlet,Servlet处理后返回JSON数据。前端再通过回调函数处理这些数据,例如更新DOM元素,展示在页面上。整个过程无刷新,提高了用户体验。 5. *...
在这里,它被用来处理来自jQuery的Ajax请求,返回JSON格式的数据。这个Handler类(jQueryJSON.Handler)继承自IHttpHandler接口,并实现了`ProcessRequest`方法,负责从数据库获取数据并将其转换为JSON格式。 在`...
例如,在表单提交时利用jQuery验证用户输入数据的有效性,并通过Ajax技术向服务器发送请求;或者通过PHP处理数据后返回JSON格式的结果给前端展示等。 #### 实战案例分析: **场景一:登录表单验证** 1. **前端...
这一过程涉及前端的AJAX请求发送和JSON数据处理,以及后端的数据查询、数据格式转换和数据返回。这一技术的应用不仅提升了网站的交互性能,也使得前后端的开发工作变得更加高效和模块化。对于想要掌握前端开发,特别...
服务器返回的是JSON格式的数据,前端使用jQuery解析并动态插入到DOM中,从而实现页面内容的更新。 四、jQuery实现无刷新分页步骤 1. **HTML结构**:首先,我们需要在页面上设置分页导航和内容区域。分页导航通常...
9. **Ajax 框架**:为了简化开发,有各种Ajax框架如 jQuery、Prototype、AngularJS、Vue.js 等,它们提供了更高级别的API和更友好的语法来处理Ajax请求。 对于Java开发者,Ajax通常结合服务器端的MVC框架(如Spring...
- **错误处理**:当请求失败或数据格式不正确时,要有合适的错误提示。 - **性能优化**:避免一次性加载所有数据,采用按需加载策略,只加载当前需要的部分。 - **数据校验**:确保用户选择的地址信息有效且合法。 -...
- 使用PHP处理jQuery发送的AJAX请求,进行数据交换。 - 实现复杂的前端功能,如表单验证、动态加载内容等。 4. **高级主题**: - 安全性考虑,包括防止XSS攻击、CSRF攻击等。 - 性能优化策略,如缓存管理、异步...
- **错误处理**:了解如何在Ajax请求失败时进行错误处理,确保应用程序的健壮性。 ##### (四)动画效果 - **基本动画**:使用jQuery的`.fadeIn()`, `.fadeOut()`, `.slideUp()`, `.slideDown()`等方法来创建简单的...
4. **jQuery请求与响应处理**:在前端,使用jQuery的Ajax方法向服务器发送请求,如`$.ajax`或`$.getJSON`,获取JSON数据: ```javascript $.getJSON('getData.action', function(data) { // 处理返回的JSON数据 ...
这是实现AJAX请求的便捷方式,适用于发送数据到服务器并接收文本类型返回值的场景。示例代码展示了如何使用$.post()方法,包括设置要提交的数据,以及定义处理返回数据的回调函数。在使用$.post()时,如果需要处理...
5. **AJAX通信**:为了验证用户输入的验证码,前端需要通过AJAX向服务器发送请求。可以使用jQuery的`$.ajax()`或`$.post()`方法,将输入的验证码发送到服务器,并接收服务器返回的验证结果。 6. **错误处理**:如果...
- **AJAX调用**:利用jQuery的$.ajax()方法发送异步请求,更新或获取数据而不重载整个页面。 - **动态加载**:实现页面部分元素的动态加载,提高用户体验。 - **效果与动画**:运用jQuery提供的效果和动画功能...
- 它可以用来处理表单数据、生成动态页面内容以及与数据库交互等。 - PHP语法简单易学,支持多种编程范式(如面向过程和面向对象)。 2. **jQuery简介:** - jQuery是一个快速、简洁的JavaScript库,极大地简化...
`$.ajax()`是最常用的方法,它支持GET和POST请求,以及JSONP、XML等多种数据格式。例如,发送一个GET请求: ```javascript $.ajax({ url: "myUrl", type: "GET", success: function(data) { console.log(data);...
在实际应用中,前端(通常使用json.js和jquery.js)会发送JSON格式的请求数据到后端(可能使用json*.jar),而后端处理完业务逻辑后,会返回同样格式的JSON响应。这种模式在RESTful API设计中非常常见,因为JSON具有...
在"jquery mobile RSS阅读器demo"中,开发者首先需要获取RSS feed URL,并使用XMLHttpRequest或者fetch API来请求数据。接收到的XML数据会被解析,提取出标题、摘要、发布日期等关键信息,然后用jQuery Mobile的组件...
- `data`:发送的数据,以JSON格式,如`{'id': id}`。 - `dataType`:期望服务器返回的数据类型,这里是`'json'`,意味着我们期待服务器返回一个JSON对象。 - `success`:当请求成功时执行的回调函数,函数参数`data...
总的来说,理解并实现"调用json获取表格动态数据特效代码"需要掌握JSON数据格式,前端开发基础,以及至少一种前端框架或库的使用。这不仅可以提升网页应用的用户体验,也能提高数据管理的效率。在实际项目中,还需要...
可以使用AJAX请求来调用Struts2的Action,然后处理返回的JSON数据。 7. **安全考虑**:由于JSON数据直接暴露在HTTP响应中,需要注意防止XSS(跨站脚本攻击)和CSRF(跨站请求伪造)等安全问题。可以使用Struts2的...