`

Jquery 动态发送Ajax请求,接受Jason格式的数据

 
阅读更多

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");

 

分享到:
评论

相关推荐

    jquery+ajax+json+servlet实例源码

    4. **前后端数据交互**:在前端,jQuery的AJAX请求会发送用户数据到Servlet,Servlet处理后返回JSON数据。前端再通过回调函数处理这些数据,例如更新DOM元素,展示在页面上。整个过程无刷新,提高了用户体验。 5. *...

    asp.net下 jquery jason 高效传输数据

    在这里,它被用来处理来自jQuery的Ajax请求,返回JSON格式的数据。这个Handler类(jQueryJSON.Handler)继承自IHttpHandler接口,并实现了`ProcessRequest`方法,负责从数据库获取数据并将其转换为JSON格式。 在`...

    《深入PHP与JQUERY开发》.(Jason Lengstorf).[PDF].&ckook.pdf )

    例如,在表单提交时利用jQuery验证用户输入数据的有效性,并通过Ajax技术向服务器发送请求;或者通过PHP处理数据后返回JSON格式的结果给前端展示等。 #### 实战案例分析: **场景一:登录表单验证** 1. **前端...

    jQuery+JSON实现AJAX二级联动实例分析

    这一过程涉及前端的AJAX请求发送和JSON数据处理,以及后端的数据查询、数据格式转换和数据返回。这一技术的应用不仅提升了网站的交互性能,也使得前后端的开发工作变得更加高效和模块化。对于想要掌握前端开发,特别...

    jquery+json的无刷新分页

    服务器返回的是JSON格式的数据,前端使用jQuery解析并动态插入到DOM中,从而实现页面内容的更新。 四、jQuery实现无刷新分页步骤 1. **HTML结构**:首先,我们需要在页面上设置分页导航和内容区域。分页导航通常...

    ajax课件对于初学者有很大帮助

    9. **Ajax 框架**:为了简化开发,有各种Ajax框架如 jQuery、Prototype、AngularJS、Vue.js 等,它们提供了更高级别的API和更友好的语法来处理Ajax请求。 对于Java开发者,Ajax通常结合服务器端的MVC框架(如Spring...

    Jason三级省市县连动

    - **错误处理**:当请求失败或数据格式不正确时,要有合适的错误提示。 - **性能优化**:避免一次性加载所有数据,采用按需加载策略,只加载当前需要的部分。 - **数据校验**:确保用户选择的地址信息有效且合法。 -...

    Pro PHP and jQuery Second Edition

    - 使用PHP处理jQuery发送的AJAX请求,进行数据交换。 - 实现复杂的前端功能,如表单验证、动态加载内容等。 4. **高级主题**: - 安全性考虑,包括防止XSS攻击、CSRF攻击等。 - 性能优化策略,如缓存管理、异步...

    Pro PHP and jQuery

    - **错误处理**:了解如何在Ajax请求失败时进行错误处理,确保应用程序的健壮性。 ##### (四)动画效果 - **基本动画**:使用jQuery的`.fadeIn()`, `.fadeOut()`, `.slideUp()`, `.slideDown()`等方法来创建简单的...

    struts2+jquery+json+List

    4. **jQuery请求与响应处理**:在前端,使用jQuery的Ajax方法向服务器发送请求,如`$.ajax`或`$.getJSON`,获取JSON数据: ```javascript $.getJSON('getData.action', function(data) { // 处理返回的JSON数据 ...

    jquery ajax,ashx,json的用法总结

    这是实现AJAX请求的便捷方式,适用于发送数据到服务器并接收文本类型返回值的场景。示例代码展示了如何使用$.post()方法,包括设置要提交的数据,以及定义处理返回数据的回调函数。在使用$.post()时,如果需要处理...

    基于jquery编写的验证码。非常简单方便,在前端进行验证码的使用验证

    5. **AJAX通信**:为了验证用户输入的验证码,前端需要通过AJAX向服务器发送请求。可以使用jQuery的`$.ajax()`或`$.post()`方法,将输入的验证码发送到服务器,并接收服务器返回的验证结果。 6. **错误处理**:如果...

    2010 Pro PHP and jQuery

    - **AJAX调用**:利用jQuery的$.ajax()方法发送异步请求,更新或获取数据而不重载整个页面。 - **动态加载**:实现页面部分元素的动态加载,提高用户体验。 - **效果与动画**:运用jQuery提供的效果和动画功能...

    pro php and jquery

    - 它可以用来处理表单数据、生成动态页面内容以及与数据库交互等。 - PHP语法简单易学,支持多种编程范式(如面向过程和面向对象)。 2. **jQuery简介:** - jQuery是一个快速、简洁的JavaScript库,极大地简化...

    jquery中文教程

    `$.ajax()`是最常用的方法,它支持GET和POST请求,以及JSONP、XML等多种数据格式。例如,发送一个GET请求: ```javascript $.ajax({ url: "myUrl", type: "GET", success: function(data) { console.log(data);...

    json数据处理常用前后台文件

    在实际应用中,前端(通常使用json.js和jquery.js)会发送JSON格式的请求数据到后端(可能使用json*.jar),而后端处理完业务逻辑后,会返回同样格式的JSON响应。这种模式在RESTful API设计中非常常见,因为JSON具有...

    jquery mobile RSS阅读器demo

    在"jquery mobile RSS阅读器demo"中,开发者首先需要获取RSS feed URL,并使用XMLHttpRequest或者fetch API来请求数据。接收到的XML数据会被解析,提取出标题、摘要、发布日期等关键信息,然后用jQuery Mobile的组件...

    thinkphp中ajax与php响应过程详解

    - `data`:发送的数据,以JSON格式,如`{'id': id}`。 - `dataType`:期望服务器返回的数据类型,这里是`'json'`,意味着我们期待服务器返回一个JSON对象。 - `success`:当请求成功时执行的回调函数,函数参数`data...

    调用json获取表格动态数据特效代码

    总的来说,理解并实现"调用json获取表格动态数据特效代码"需要掌握JSON数据格式,前端开发基础,以及至少一种前端框架或库的使用。这不仅可以提升网页应用的用户体验,也能提高数据管理的效率。在实际项目中,还需要...

    struts整合json用到Jar.zip

    可以使用AJAX请求来调用Struts2的Action,然后处理返回的JSON数据。 7. **安全考虑**:由于JSON数据直接暴露在HTTP响应中,需要注意防止XSS(跨站脚本攻击)和CSRF(跨站请求伪造)等安全问题。可以使用Struts2的...

Global site tag (gtag.js) - Google Analytics