什么时候该用ajax
第一、请求的提交是为了页面数据的显示,这时候用户一般不希望看到页面的刷新,是使用AJAX的一个最佳时候。
第二、如果请求提交后,用户能从页面感觉到提交结果,这时候,也最好不要有页面刷新,推荐使用AJAX技术。
第三、如果请求提交后,用户不能从页面感觉到提交动作,如绝大多数时候的数据的增加和修改,这时候则需要页面刷新,不能使用AJAX技术。
第四、复杂的UI,以前对于复杂的C/S模式的UI,B/S模式一向采取逃避的方法,现在则可以放心大胆的使用AJAX来加以解决。
常见问题解决:
1、 第一、输入值校验的问题 申请用户的时候检查用户名是否重复,用AJAX访问后台,既不需要刷新页面,也没有过多的JS代码
2、第二、级联显示的问题 访问后台吧,页面需要刷新;JS代码量大,影响内存,数据不安全;所以常级联选择框,级联菜单,导航树等
3、第三、请求结果只改变部分页面 如,论坛的回复帖子和帖子列表在一个页面上的时候。这两个UI在一个页面上,用户体验比回复帖子在另外一个页面好。但回复后要对整个页面进行刷新,这种感觉就不好了。你看,那么大一个帖子列表,只增加你的一个回复,却要对整个页面进行刷新,不管从哪个角度来看都不好。
4、第四、由于技术原因而使用iframe的问题 避免iframe的嵌套引入的技术难题
5、第五、数据录入和列表显示在同一个页面 C/S 模式的UI中常常有数据录入和数据列表显示在同一个界面上,这样对于用户来说有很好的用户体验,用户录入的结果马上就能在同一界面显示。但是在B/S的 UI上,由于需要提交刷新的问题,我们经常把数据的录入和数据显示分别放在两个不同的页面上。很显然,这样的用户体验肯定没有C/S模式来得好。像这样的 问题还有很多,在B/S模式下,都因为技术的原因而选择其他的解决办法。现在我们可以自豪的使用AJAX来宣告可以做出和C/S模式一样复杂的UI了
6、第六、翻页问题 不需要刷新的翻页
分享到:
相关推荐
ajax与jq的使用方法及什么时候使用,ajax的特点及运行原理
一般每个小组是一个8位字符,在每个小组的头部和尾部都有一个开始位和一个停止位,它在传送过程中接收方和发送方的时钟不要求一致,也就是说,发送方可以在任何时刻发送这些小组,而接收方并不知道它什么时候到达。...
在实际开发中,我们不仅需要理解Ajax的基本概念,还要掌握如何在不同框架(如jQuery、AngularJS、Vue.js等)中使用Ajax,以及如何处理跨域请求、错误处理、性能优化等问题。对于初学者,通过阅读和分析给出的源码,...
Android Webview虽然提供了页面加载及资源请求的钩子,但是对于h5的ajax请求并没有提供干涉的接口,这意味着我们不能在webview中干涉javascript发起的http请求,而有时候我们确实需要能够截获ajax请求并实现一些功能...
1. **jQuery**: 这是一个广泛使用的JavaScript库,简化了DOM操作、事件处理和Ajax交互。它的$.ajax()函数是进行Ajax请求的主要方式。 2. **Fetch API**: 是XMLHttpRequest的现代替代品,提供Promise接口,使得异步...
4. **事件处理**:在AJAX实例中,会涉及到各种事件,如onreadystatechange和onload,用于监听请求的状态变化和完成,以便在合适的时候处理返回的数据。 5. **JavaScript函数封装**:通常,开发者会将AJAX请求封装成...
1. **Ajax基础**:首先,学习Ajax的基础知识,包括XMLHttpRequest对象的创建和使用,以及JavaScript异步请求的原理。了解如何发送GET和POST请求,以及如何处理服务器返回的数据。 2. **JSON数据格式**:由于XML在...
昨天下午做项目遇到一个问题,贴出来方便以后翻阅,也给大家个参考。 问题: 具体做的是个文件导入的功能,导入的功能是成功了...这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出现
在使用浏览器浏览网页的时候,当页面刷新很慢的时候,你的浏览器在干什么?你的屏幕内容是什么?是的,你的浏览器在等待刷新,而你的屏幕内容是一片空白,而你在屏幕前苦苦的等待浏览器的响应。开发人员为了克服这种...
上一篇讲了Ajax请求数据text类型,text和html都是处理比较简答的数据,而在编程过程中使用Ajax调用数据的时候,难免要进行逻辑的处理,接受的数据也变的复杂比如数组类型的数据,这时候就需要使用JSON数据类型进行...
通过查看这些代码,我们可以看到如何将Ajax请求与分页逻辑结合起来,以及如何在适当的时候调用MsgBox显示状态信息。分析和理解这些代码可以帮助我们更好地掌握Ajax分页和MsgBox在实际项目中的应用。 总的来说,Ajax...
在这个例子中,可能是使用了`XMLHttpRequest`或者`jQuery`库的`$.ajax()`方法。当用户输入用户名并触发验证时,`ajax.js`将发送一个GET或POST请求到服务器上的`checkname.php`,同时传递输入的用户名作为参数。 `...
标题 "ajax提交的时候用到的图片" 暗示了我们将在讨论的场景涉及到使用Ajax技术来异步提交数据,并且在这个过程中可能涉及到一个加载指示器(spinner.gif)来显示请求处理的状态。Ajax,即Asynchronous JavaScript ...
3. **处理事件**:当`change`事件触发时,使用jQuery的`$.ajax()`方法向服务器发送请求。请求中包含当前选中的值,服务器根据这些值返回对应的下一级别的选项。 4. **动态更新**:收到服务器响应后,使用jQuery的...
本手册将深入讲解AJAXRequest的使用方法和核心概念。 ### 1. AJAX基础 AJAX的核心是XMLHttpRequest对象,它允许JavaScript在后台与服务器进行通信。AJAXRequest库利用这个对象,提供了一套更易用的API,使得开发者...
Ajax存在问题就是在异步情况下无法控制什么时候完成记录显示,本人根据回调方法封装了个类,能够将回调方法用参数方式指定,使ajax调用结束后调用回调方法,吧内容传回。ajaxSubmitToDivCallback(显示内容div,提交...
采用ajax技术实现的图形验证码,在前端进行验证。验证码信息为图片。每一行代码均有注释,通俗易懂。 实现步骤: 1、创建web工程 2、在jsp页面,编写一个请求servlet的名称"> 3、编写一个servlet,在servlet中产生...
三层个人网站小程序(Ajax) Ajax三层个人网站小程序 <br>DAL——数据层 IDAL——数据接口层(控制是选择什么类型的数据库) Bll——逻辑层 Model——构造模型(对应数据库字段) <br>功能很...
3. **JSON与XML**: 早些时候,Ajax主要使用XML作为数据交换格式,但现在更倾向于使用JSON,因为JSON更轻量、易于解析和生成。理解JSON的结构和使用方法是必要的。 4. **DOM操作**: DOM(Document Object Model)是...