谈谈Ajax(一)

解决办法是:比如我是使用SSM框架(Spring+SpringMVC+MyBatis/MyBatis Plus)开发web应用,通常Controller的参数列表与ajax的data保持一致即可,少一个行,多一个也不行。必须要对应上,否则会报这个错误。

AJAX(异步的JavaScriptAndXML)

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。

比如,之前我们团队开发的第一个酒店后台管理系统,用到的是jsp,基本没有ajax,这样基本是同步请求,比如每次添加或者删除数据,都要跳转页面刷新整个网页,看起来一点都不爽。如果是使用AJAX,每次对数据进行增加或者编辑、删除等操作,看到的只是局部(某个div或者table发送变化)。

同步请求和异步请求的区别

先解释一下同步和异步的概念:

同步是指:发送方发出数据后,等接收方发回响应以后才发下一个数据包的通讯方式。

异步是指:发送方发出数据后,不等接收方发回响应,接着发送下个数据包的通讯方式。

同步请求:

客户端请求(等待)->服务端处理->响应->页面载入 (缺少对象:XMLhttpRequest)
       这时候如果有错误,只能再次发送请求,再次等待

异步请求:

简单的说,与同步请求相比,我即可吃饭又可以玩手机,而不像同步请求我只能等吃完饭后再去玩手机。这个例子,举的不是特别高明,但是我觉得可以比较好的说明同步和异步的区别。

为什么要使用AJAX?

优点:

使用Ajax的最大优点,就是能在不更新整个页面的前提下维护数据。
这使得Web应用程序更为迅捷地响应用户动作,并避免了在网络上发送那些没有改变的html代码信息。前面我举了一个关于我们团队开发的第一个项目为例。

1.减轻服务器负担,按需要获得数据。2.无刷新更新页面,减少用户的实际和心理的等待时间。3.更好的用户体验。4.减轻宽带的负担。5.主流浏览器支持

比如:用户不可能访问一个页面等待一个多小时,还显示不了内容吧,正常来说,用户的心理预期应该在5秒内或者是3秒。对于现在而言,用户就是财富。这也就是为什么大数据为什么这么火的原因之一。

缺点:

1.AJAX的程序必须测试针对各个浏览器的兼容性。2.AJAX更新页面内容的时候并没有刷新整个页面,因此,网页的后退功能是失效的;3.对搜索引擎支持不好。

比如:2,比如我开发一个博客应用,文章列表展示,比如我现在新增了一篇文章,发现它并没有在文章列表展示,于是我手动刷新下。又或者在新增后,我调用js的location.reload()函数重新加载。

这里主要谈谈用jQuery+AJAX的三种实现方式:

第一种,$.ajax

$.ajax可支持POST、GET、PUT、DELETE等RestFul常用方式。

第二种,$.post

该方法主要用于post请求

第三种,$.get

该方法主要用于get请求

上述三种常见方式,我个人用的比较多的是$.ajax和$.post,$.get用的确实少,因为觉得,$.ajax可以搞定,就不需要$.get了。至于$.post是因为使用了layui的弹出层,该弹出层与$.post结合实现,比如退出功能或者是删除功能等,比较好。因为可以提高用户体验。

作为公司的前后端开发人员,从前端的角度,尽可能最大程度上,提高用户体验。

原文地址:https://www.cnblogs.com/youcong/p/9595203.html

时间: 2024-10-16 00:21:32

谈谈Ajax(一)的相关文章

谈谈Ajax技术

首先我们先认识下Ajax : Ajax是Asynchronous JavaScript and XML的缩写,即“异步的JavaScript和XML技术”. AJAX是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新. 这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. Ajax原理图 : XMLHttpRequest对象 : XMLHttpRequest是AJAX的基础. 所有现代浏览器均支持XMLHttpRequest对象.

来谈谈ajax

AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. 在这里截取了一张网上的图. XMLHttpRequest 是ajax的基础,所以要先创建这个对象. XMLHttpRequest 用于在后台与服务器交换数据.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 如需将请求发送到服务器,我们使用 XMLHttpRequest 对象的 open() 和 send() 方法: xmlhttp.open("GET","test1.txt"

谈谈Ajax(二)

昨天还没有谈完,今天做一个了解. 首先还是以错误,来讲述. 一.AJax常见错误 Ajax常见的错误,除了昨天列举的之外.还有就是如下状态码: 405,请求类型错误,比如请求是POST,你却用GET,通常出现这种情况是在SpringMVC中的@RequestMapping,有使用SpringMVC经验的小伙伴们都知道,@RequestMapping默认的请求方式为GET.如果你因为复制粘贴没有仔细检查,在调试Ajax的时候就会出现405状态码.当然了,你没有通过Ajax的调试方式,通常就会直接走

Ajax的工作流程简述

提到Ajax相信我们都不会陌生,不管你是前端开发还是后台数据处理的程序员,ajax的作用就像现在生活中的手机一样,无论是作用还是流程都差不多,这里我们要进行ajax操作后台数据并显示在页面上的话,首先我们这里才用原生态的ajax去实现,第一步要做的就是首先我们得有一个ajax才行,紧接着还得清楚他的工作流程才行啊,下面我就简单谈谈ajax的工作流程.     v作为一个刚接触ajax的信任来说肯定会觉得很神奇,不知道一个小小的ajax竟然有这种强大的功效实现这样复杂的任务,其实不然,当我们除去包

设置获得的标签体、动态绑定事件以及Ajax

前言 主要谈谈Ajax以及jQuery对Ajax的支持 Ajax(Asynchronous javascript  and xml)以异步地方式实现局部HTML的刷新.创建交互式web应用程序而无需牺牲浏览器兼容性的流行方法. 正文 设置获得的标签体 动态绑定事件 方式一 方式二 例子 Ajax 1.Ajax是一种在2005年由Google推广开来的编程模式,是一种使用现有标准的新方法通过Ajax,可以创建更好.更快以及更友好的web应用程序. 2.Ajax基于javascript和HTTP请求

Ajax 的原理及优缺点(代码)

Ajax的原理图 1什么是Ajax? Ajax全称为“Asynchronous javaScript and xml”(异步javaScript and xml),是一种创建交互式网页应用的网页开发技术. 是基于web标准XHTML+CSS的表示: 使用DOM进行动态显示及交互: 使用XMLHttpRequest进行异步数据查询,检索: 使用javaScript将所有的东西绑定在一起: 本质上是一个浏览器端的技术. 2. 谈谈    Ajax 原理 Ajax 的原理简单来说通过 XmlHttpR

浅谈Ajax

最近又学习关于jquery中封装的Ajax的方法,越来越感觉到Ajax的好用,所以就想总结一下Ajax的强大之处. Ajax全称Asynchronous JavaScript and XML,顾名思义:异步的 JavaScript 和 XML,当然XML已经逐渐被Json所取代了.在2005年,Google通过其Google Suggest使Ajax变得流行起来.Google Suggest 使用Ajax创造出动态性极强的web界面:当您在谷歌的搜索框输入关键字时,JavaScript会把这些字

$.ajax结构浅析

现在我们来谈谈AJAX,对ajax做一个简单的一个了解 -AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). -AJAX 不是新的编程语言,而是一种使用现有标准的新方法. -AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下. 您应当具备的基础知识 HTML / XHTML CSS JavaScript / DOM 我们常常用ajax来对前后台进行交互,对于ajax我们常常会有这样的写法 1 $.

http与ajax的区别

两者本质区别: AJAX通过xmlHttpRequest对象请求服务器服务器接受请求返数据实现刷新交互 普通http请求通过httpRequest对象请求服务器接受请求返数据需要页面刷新 AJAX请求头会多一个x-requested-with参数,值为XMLHttpRequest 什么是Ajax:Ajax(Asynchronous Javascrpt And Xml)是一种运用于浏览器的技术,它可以在浏览器与服务器之间使用异步通信机制进行数据通信,从而允许浏览器向服务器获取少量信息而不是刷新整个