有时候一个人的一句话可以猛然点醒你,今天上午被组长的一句话 猛然点醒,赶紧提笔几下,以作效尤。
1。这几天总是在寻找一种在处理 数据列表 展示问题的 较好的方法。想达到一个好的用户体验--->>使用js铺数据-->>使用ajax动态局部刷心 数据列表展示的那一块。
2.根据这个思路,我就开始了一心寻找好的用js铺设数据之路。查了一些资料,网上人云亦云,不能乱信,考虑用操纵DOM节点,在循环体内部一个一个创建tr rd ,被人批了,说在循环内部频繁操纵DOM 是非常耗性能的。PASS
3.后来有人又说 用拼串的方法 拼出来一个html串,然后用innerHtml一次性写入 一个DOM节点内部。想办法实现。。。
成功了。效果也出来了,然后又一个同事过来说,你这样虽然不消耗客户端及服务器内存。但是你消耗了网络带宽。因为这么大堆的串 在网络上传输的时候 很费劲的,在数据条数多的时候,标签的量比数据都多,得不偿失。PASS。。。
4.既然两中方法各有所长,我就想着结合一下吧。再想办法,网络传输大串不行,我就传JSON对象。解决了网络传输瓶颈,在客户端我再解析JSON串为对象,再拼一个html大串 再innerHTML到一个DOM节点内部。 九牛二虎之力费过之后,成功了
5.总以为这下差不多了,可是看看已经非牛非马的代码。变得杂乱无章,我貌似堆出来一个四不像。无奈去请教一个高人,想看看他 是怎样组装代码的,他笑笑说:你用这干嘛,现在很少用了。(实际工作很少用了) 我说:不会啊。我们后台铺数据列表的时候不用吗?他 下面的一句话点醒我了: 干嘛用ajax铺。ajax是干什么的。解决需要频繁刷新一个局部数据块的时候,为了达到一个较好的用户体验,才用的。你的数据列表需要频繁刷新吗?
是啊,干嘛要这样为追求一个并不合适的技术使用环境的时候,而付出臃肿的代码代价?
一句话点醒梦中人。。。。软件产品才是一个程序的价值体现,软件产品的价值是需求决定的,离开了需求及用户环境的软件产品就是程序员自己的玩具。
分享到:
相关推荐
**JSP中的AJAX简介** ...综上所述,JSP中的AJAX使用涉及JavaScript编程、XMLHttpRequest对象或jQuery库、与Servlet的协作,以及对项目结构和开发工具的理解。通过AJAX,开发者可以实现更加动态和交互性强的Web应用。
Java AJAX(Asynchronous JavaScript and XML)分页与JSP(JavaServer Pages)相结合,可以提供无需刷新整个页面即可动态加载更多内容的能力,提高用户体验。本教程将深入探讨如何使用AJAX、JavaScript以及MySQL...
当Ajax与JSP结合时,可以在客户端使用Ajax进行异步请求,而后端由JSP处理请求并返回数据,两者配合能构建高效且响应快速的Web应用。 **Ajax的工作原理:** 1. 用户触发一个Ajax事件,例如点击按钮。 2. JavaScript...
### JSP与缓存清除 在JSP环境下,同样需要关注缓存问题,尤其是对于动态生成的内容。以下是一些常用的JSP缓存清除策略: 1. **设置响应头**:通过设置`response.setHeader()`方法,可以控制HTTP响应头,从而控制...
这个例子是基于JSP(JavaServer Pages)实现的,展示了如何利用Ajax与服务器进行异步通信,从而提高用户体验。下面我们将深入探讨这个Ajax JSP例子中的关键知识点。 1. **XMLHttpRequest对象**: 在JavaScript中,...
【Ajax与JSP实例详解】 Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页实现异步更新。JSP(JavaServer ...
通过以上步骤,我们成功地实现了使用Ajax与JSP技术进行局部页面刷新的过程。这种方法不仅极大地改善了Web应用的性能和用户体验,还展示了前端与后端技术相结合的强大能力。在实际项目中,可以根据具体需求调整刷新...
在IT行业中,Ajax(Asynchronous JavaScript and XML)与JSP(JavaServer Pages)结合使用时,可以实现网页的异步数据交互,提升用户体验。在这个"Ajax+jsp注册验证用户"的示例中,我们将深入探讨如何利用这两种技术...
总结起来,这个例子展示了如何使用Ajax与JSP结合,实现在不刷新页面的情况下进行后台数据验证。Ajax提供了无刷新用户体验,而JSP处理了服务器端的业务逻辑和数据验证。这是一个基础但实用的Web开发技术组合,对于...
《Ajax+JSP网站开发从入门到精通》的源代码,全书共分为16章,包括JSP的基础知识、JSP访问外部数据、JSP高级技术、Ajax概述、Ajax相关技术、Ajax开发基础、Ajax开发模式、Ajax框架、Ajax常用技巧。本书最后介绍了6个...
在本"Ajax网站开发典型实例JSP源码包"中,我们可以深入学习如何使用Ajax与JavaServer Pages (JSP) 结合,创建高效动态的Web应用。 1. **Ajax基础** Ajax的核心是JavaScript对象XMLHttpRequest,它允许JavaScript在...
本文将详细介绍如何使用jsp和ajax技术实现输入框自动搜索功能,类似于百度搜索。 一、标题:jsp+ajax实现输入框自动搜索 该标题表明该技术使用jsp和ajax实现输入框自动搜索功能。 二、描述:类似于百度的搜索一样...
在IT行业中,Ajax(Asynchronous JavaScript and XML)与JSP(JavaServer Pages)结合使用能够创建高度交互且响应迅速的Web应用。这里的“ajax+jsp分页控件”是一种技术解决方案,它允许用户在不刷新整个页面的情况...
"jsp中使用ajax实现web进度条"这个主题就是关于如何在Java Server Pages (JSP)中利用Asynchronous JavaScript and XML (AJAX)技术来创建一个动态显示文件上传进度的组件。下面将详细介绍这一过程中的关键知识点。 1...
本例子中,AJAX与JavaServer Pages (JSP) 结合使用,提供了一种高效的方法来提升用户体验,因为用户无需等待整个页面刷新即可获取新数据。 首先,让我们深入了解一下AJAX的工作原理。AJAX的核心是XMLHttpRequest...
服务器端,通常使用Servlet或者JSP本身来处理这些AJAX请求。根据请求中的参数,服务器会执行SQL查询,从数据库中检索相应的数据。这个过程可能涉及数据库连接池、SQL语句的编写以及结果集的处理。 返回的数据可以是...
总结来说,这个例子展示了如何使用AJAX和JSP技术实现二级联动效果。通过监听一级选项的变化,发送异步请求获取新的二级数据,然后动态更新二级下拉框,实现了不刷新页面就能实时更新内容的交互体验。这在实际的网页...
下面我们将详细介绍如何在JSP中使用Ajax,并结合一个简单的示例进行解析。 首先,确保你的JSP页面中引入了Ajax库,例如jQuery。在头部添加以下HTML代码: ```html ...
【Ajax与JSP实现购物车】\n\n在Web开发中,购物车功能是一个常见的需求,它涉及到用户选择商品、查看商品数量、调整数量以及结算等操作。在本项目中,“ajax实现购物车,无数据库操作”意味着我们将利用Ajax技术进行...
本主题将深入探讨如何使用Ajax和JSP技术来实现这一功能。Ajax(Asynchronous JavaScript and XML)是一种用于创建快速动态网页的技术,它允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。JSP...