`
alex8946
  • 浏览: 363132 次
  • 性别: Icon_minigender_1
  • 来自: 广东广州
社区版块
存档分类
最新评论

AJAX应用解决一些常见问题

    博客分类:
  • Ajax
阅读更多
不可否认,我是非常看好AJAX技术的。我以为AJAX技术对于互联网,就像HTML对于互联网一样。但同时又要看到,AJAX技术不能完全取代我们常规的WEB开发技术。AJAX技术有它让人眼睛一亮的优点,同时它也有很多弱点。我们作为开发人员,不能因为AJAX技术好,就在WEB开发中全部使用AJAX。 

对了,不能为了AJAX而AJAX,就像钢要用到刀刃上一样,AJAX应该用在能充分发挥它的优点的地方。而大多数的时候,我们还需要和往常一样,使用MVC的实现STRUTS开发框架。 

提到AJAX,不能不提到与它一起被强调的另一个词:用户体验。AJAX丰富了B/S模式的表现层,对于B/S模式的UI来说,它号称没有做不到、只有想不到。这里说来说去,都是一个用户体验的问题。AJAX号称无刷新,其实很多时候,用户需要有刷新才能知道有了页面提交,如在保存数据的时候,所以在这个时候使用AJAX却有害于用户体验的。 

那么在什么时候可能使用到AJAX呢?第一、请求的提交是为了页面数据的显示,这时候用户一般不希望看到页面的刷新,是使用AJAX的一个最佳时候。第二、如果请求提交后,用户能从页面感觉到提交结果,这时候,也最好不要有页面刷新,推荐使用AJAX技术。第三、如果请求提交后,用户不能从页面感觉到提交动作,如绝大多数时候的数据的增加和修改,这时候则需要页面刷新,不能使用AJAX技术。第四、复杂的UI,以前对于复杂的C/S模式的UI,B/S模式一向采取逃避的方法,现在则可以放心大胆的使用AJAX来加以解决。 

AJAX技术的实践,就像有了魔法一样,一旦你使用了一次,就会爱不释手。面对精彩的AJAX技术,还等什么?赶快看看您的WEB应用里,有没有下列问题之一,如果有的话,不妨用AJAX试试看! 

第一、输入值校验的问题 

输入校验是我们经常遇到的问题,这种问题很多时候是可以在JS里解决。但有些时候却需要访问后台,如在申请用户的时候检查用户名是否重复等等问题。用AJAX吧,页面不会有刷新。 

第二、级联显示的问题 

这种问题应该是我们遇到的最多的表现层的问题,常常让我们左右为难:你说访问后台吧,页面需要刷新,用户体验很不好;你说用JS解决吧,确实有点让JS勉为其难,强行用JS解决了,代码一大堆不说,数据量大的话还会有内存问题,而且数据也不安全。 

这类的问题很多:最常见的是级联的两个或更多的选择框,还有选择框的变形,级联菜单,导航树等等。 

遇到了这一类的问题,赶快行动吧!用AJAX访问后台,既不需要刷新页面,也没有过多的JS代码,一举两得。 

第三、请求结果只改变部分页面 

这一类的问题我们也会时常碰到,如,论坛的回复帖子和帖子列表在一个页面上的时候。这两个UI在一个页面上,用户体验比回复帖子在另外一个页面好。但回复后要对整个页面进行刷新,这种感觉就不好了。你看,那么大一个帖子列表,只增加你的一个回复,却要对整个页面进行刷新,不管从哪个角度来看都不好。 

这一类的问题不管是用户体验,还是从技术的角度来讲,都是使用AJAX最好不过。 

第四、由于技术原因而使用iframe的问题 

Iframe的问题纯粹是由于技术的原因引起的。为了解决技术问题而引入iframe,却iframe的一再嵌套却又引入了其他的技术难题。有的想尽办法来勉强解决这个问题,有的却干脆不要使用iframe。不使用iframe,而使用JS的解决方法却是繁琐的。现在不用左右为难了,使用AJAX就是最好的解决方案。 

第五、数据录入和列表显示在同一个页面 

C/S模式的UI中常常有数据录入和数据列表显示在同一个界面上,这样对于用户来说有很好的用户体验,用户录入的结果马上就能在同一界面显示。但是在B/S的UI上,由于需要提交刷新的问题,我们经常把数据的录入和数据显示分别放在两个不同的页面上。很显然,这样的用户体验肯定没有C/S模式来得好。像这样的问题还有很多,在B/S模式下,都因为技术的原因而选择其他的解决办法。现在我们可以自豪的使用AJAX来宣告可以做出和C/S模式一样复杂的UI了。 


第六、翻页问题 

如果有技术可以使翻页不需要刷新,你愿不愿意尝试一下呢?有很多这样的数据显示的问题需要刷新哦,考虑一下AJAX! 
分享到:
评论

相关推荐

    ajax实例

    此外,`AJAX应用解决一些常见问题`文档将涵盖在开发过程中可能遇到的问题,比如跨域问题、数据安全、错误处理等。这些问题的妥善解决对于确保应用的稳定性和安全性至关重要。 最后,`实现一个基于Ajax的调查程序`...

    AJAX常见面试问题

    在本文中,我们将详细讨论 AJAX 面试中常见的问题和解决方案。 1.Ajax 的基础知识 在工作中,我们经常需要和后台交互,这时我们需要使用 Ajax 将数据发送到服务器端。在使用 Ajax 时,我们需要了解其基本参数,...

    ajax跨域问题的解决办法

    ajax跨域问题的解决办法 ajax跨域问题是指在使用ajax技术时遇到的跨域限制问题,即ajax请求不能跨域访问...解决ajax跨域问题需要选择合适的解决方案,并且需要注意其他的一些问题,以确保web应用程序的安全性和性能。

    Ajax常见面试题Ajax常见面试题

    AJAX应用与传统Web应用有何不同? 在传统的JavaScript编程中,要获取服务器端数据库或文件上的信息,或发送客户端信息到服务器,通常需要建立一个HTML表单(form),并通过GET或POST方式将数据提交至服务器端。在...

    ajax乱码解决方案

    Ajax 乱码问题在开发Web应用程序时经常遇到,尤其是在涉及到不同编码格式时。本文将深入探讨Ajax与字符编码相关的技术细节,并提供几种有效的解决策略。 首先,JavaScript处理字符的方式是基于Unicode,这确保了对...

    解决ajax跨域请求问题

    然而,跨域请求是Ajax的一个常见问题,由于浏览器的同源策略限制,Ajax请求只能向与当前页面同源的服务器发送。本文将深入探讨如何解决Ajax跨域请求的问题。 首先,理解“同源策略”是解决问题的关键。同源策略是...

    AJAX实例应用,有20多个实例

    - AJAX请求遵循同源策略,跨域需通过CORS(跨源资源共享)或其他方式解决。 8. **安全性考虑:** - AJAX可能暴露敏感数据,需要正确处理用户认证和授权。 - 防止XSS(跨站脚本攻击)和CSRF(跨站请求伪造)攻击...

    ajax解决乱码问题

    本文将深入探讨如何利用AJAX(Asynchronous JavaScript and XML)技术来解决这一常见的乱码问题。 ### 一、理解乱码产生的原因 在Web应用中,乱码问题通常发生在以下几个环节: 1. **表单提交**:当用户在网页上...

    AJAX应用开发综合案例

    10. **安全性**:简述AJAX应用可能面临的安全问题,如XSS(跨站脚本攻击)和CSRF(跨站请求伪造)等,并给出相应的防护措施。 总的来说,这个综合案例旨在帮助开发者全面理解AJAX技术,并具备使用AJAX构建高效、...

    jquery+asp ajax 中文乱码问题解决文档

    通过上述两种方法,可以有效地解决jQuery + ASP AJAX组合下出现的中文乱码问题,确保数据的正确传输和显示,提高应用的国际化水平和用户体验。无论是选择统一编码为UTF-8,还是通过修改jQuery源代码支持GB2312,...

    解决ajax乱码和页面传值问题

    然而,随着其应用的普及,开发者经常遇到一些常见问题,如数据乱码和页面间值传递。本篇文章将深入探讨如何解决这些问题。 一、解决Ajax乱码问题 Ajax发送和接收数据时,乱码问题主要出现在两个环节:发送请求时的...

    AJAX技术在连锁店事务管理系统的应用

    **AJAX技术在连锁店事务管理系统中的应用** **一、AJAX技术介绍** AJAX(Asynchronous JavaScript ...通过合理的设计和开发,我们可以充分利用AJAX的优势,同时解决可能遇到的问题,构建高效、易用的连锁店管理平台。

    Ajax中文乱码问题解决方法

    在IT行业中,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于网页的异步数据交互,以实现无需刷新页面即可更新内容的功能。然而,在处理中文字符时,Ajax可能会遇到乱码问题,这通常与字符编码设置不正确...

    AJAX开发中常见的三种问题

    以上就是AJAX开发中常见的问题及其解决方案,理解并熟练掌握这些知识点,将有助于提升AJAX应用的开发效率和质量。在实际开发中,结合具体项目需求和环境,灵活运用这些技术,能够构建出高效、稳定且用户体验良好的...

    SpringBoot+SpringSecurity处理Ajax登录请求问题(推荐)

    SpringBoot+SpringSecurity处理Ajax登录请求问题是SpringBoot开发中的一個常见问题,本文将详细介绍如何使用SpringBoot+SpringSecurity处理Ajax登录请求问题。 知识点1:SpringBoot+SpringSecurity框架简介 ...

    解决ajax跨域问题

    【Ajax 跨域问题及其解决方案】 在Web开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛用于实现页面的无刷新更新,提高了用户体验。然而,由于浏览器的安全策略,Ajax请求通常受到同源策略的限制,这...

    JS 获取链接(url)参数以及锚链接(anchor)结合富ajax的应用(ajax前进/后退的问题)

    富Ajax应用能够提供更加动态和交互式的用户体验,但同时也需要解决浏览器的前进/后退(History)问题。以下将详细讲解这些概念及其在实际应用中的实现。 首先,让我们了解如何使用JavaScript获取URL的查询参数。...

    jquery Ajaxupload应用

    在这个详细的知识点解析中,我们将深入理解AjaxUpload的工作原理,了解如何集成到项目中,并掌握其核心功能和常见用法。 **一、AjaxUpload简介** AjaxUpload是一款基于jQuery的插件,它通过异步方式实现文件上传,...

Global site tag (gtag.js) - Google Analytics