Ajax技术

news2024/11/16 15:58:31

全局刷新和局部刷新

在B/S 结构的项目中, 浏览器端负责把用户的请求和参数通过网络发送给服务器,服务端负责接收请求,并将处理的结果返回给浏览器。浏览器端负责展示响应结果给用户。

全局刷新

整个浏览器被新的数据覆盖。在网络中传输大量的数据。浏览器需要加载,渲染页面。

局部刷新

在浏览器的内部,发起请求,获取数据,改变页面中的部分内容。其余的页面无需加载和渲染。网络中数据传输量少,给用户的感觉好。

ajax技术就是一种局部刷新的技术。

什么是Ajax

Ajax是一种使用现有技术集合,用于浏览器和服务器之间使用异步数据传输(HTTP请求),做到局部请求以实现局部刷新,通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新,可以无需刷新页面与服务器通信,允许依据用户事件来更新部分页面内容。

后台传统方式的web请求(同步请求):等待服务器端响应;刷新

ajax异步请求:发送请求的同时,可以在页面上执行其他操作   无刷新   提高用户体验度

jQuery实现Ajax

1.引入jQuery脚本

2.$.ajax({...})

3.几个属性:

         url:  ajax要发送请求的一个地址

         相对路径:user/login.do      自动拼接地址 /项目名/user/login.do

         绝对路径:/项目名/user/login.do  或 ${pageContext.request.contextPath }/user/login.do 

不进行拼接地址操作

         data:发送请求的时候,需要携带的参数 key/value 

         success:请求成功后的回调函数

         type:提交方式,默认GET  POST

         dataType: 预期服务器返回的数据类型,比如json

$.ajax({

         url:"xxx.do",

         type:"POST",

         success:function(data){},

         error:function(…){},

         dataType:"json"

});

对于以上代码:

a.属性名必须严格按照jQuery规定写,比如url,type

b.属性名:值,中间用逗号分隔开;最后不要逗号

c.属性没有先后顺序

Ajax常用场景

1.用Ajax进行数据验证,在填写表单内容时,有时需要保证数据的唯一性,使用Ajax技术,可以由XMLHttpRequest对象发出验证请求,根据返回的HTTP响应判断验证是否成功,整个过程不需要弹出新窗口,也不需要将页面提交到服务器,快速又不加重服务器负担。

 2.用Ajax自动更新页面,在数据实时变化的Web应用中,用户为了及时了解最新内容,必须不断刷新页面,使用Ajax技术,可以通过Ajax引擎在后台进行定时轮询,向服务器发送请求,产看是否有最新数据,若有则将最新数据(不是全部数据)下载并在页面上进行动态更新,通过JavaSprict等方式通知用户,这样即避免了用户不断手工刷新页面,也不会因为重复刷新页面造成资源浪费。

SpringMVC优化Ajax技术

1.SpringMVC-servlet.xml配置文件,开启fastJson功能

2.加上注解 @ResponseBody,表示开始调用springMVC的JSON功能转换

3.方法的返回值决定了return值的类型,也决定了是什么样的类型的值被JSON转议后,回调到Ajax

4.根据返回值,在前端页面做逻辑的处理,页面的跳转,回想Ajax的功能,异步加载,局部刷新。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/140494.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

经历了资本的狂热追捧之后,元宇宙开始进入到相对冷静的发展阶段里

经历了资本的狂热追捧之后,元宇宙开始进入到相对冷静的发展阶段里。在这样一个阶段,元宇宙不再被看成是一个万能的存在,不再被看成是一个无所不包的存在,而是变成了一个相对较为客观和理性的存在。看看Meta的表现,看看…

C#语言实例源码系列-游戏-实现俄罗斯方块

专栏分享点击跳转>Unity3D特效百例点击跳转>案例项目实战源码点击跳转>游戏脚本-辅助自动化点击跳转>Android控件全解手册 👉关于作者 众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中…

css新特性:线性渐变详解(重复性线性渐变、径向渐变、重复性径向渐变的使用)

线性渐变线性渐变重复性线性渐变径向渐变重复性径向渐变的使用线性渐变 线性渐变是向下、向上、向左、向右、对角方向的颜色渐变。 其语法格式为: background-image: linear-gradient(side-or-corner|angle, linear-color-stop);参数说明如下: side-o…

C++——二叉树OJ

目录 1.根据二叉树创建字符串 2.二叉树的层序遍历 3.二叉树的层序遍历2 4.二叉树的最近公共祖先 5. 搜索二叉树与双向链表 6.从前序与中序遍历构建二叉树 1.根据二叉树创建字符串 按照前序遍历:根左右。 1(2(4()())())(3()()) 1.左右都为空,则可…

通过PWM控制串行LED灯

资料下载 RGB_LED灯带_5050慢闪_datasheet STM32控制LED灯带 根据上面的说明书可知,通过修改800KHz的PWM波形的占空比可以控制LED的颜色。 假设现在有3颗串联起来的灯珠,如下图: 如果U1/U2/U3需要显示红/绿/蓝色,根据说明书&…

Vue3 的项目搭建

使用工具: VSCode Volar :编辑器和插件Vite:打包工具Vue3:VueX:存储NodeJs:环境 操作步骤: 安装Node.js安装VsCode安装 Volar创建一个Vite的初始化项目 npm init viteProject name 这一行 我…

Linux系统下刨析hello world背后的秘密

Hi,小伙伴们,大家好!今天给大家讲解Linux系统编程中几个重要的概念。必须理解了这几个重要概念,才能更快的入门Linux系统编程,这是不可或缺的基础知识。看似简单,如果不花一番功夫很难真正的理解它们。需要…

113.(leaflet之家)leaflet根据距离截取线段

听老人家说:多看美女会长寿 地图之家总目录(订阅之前建议先查看该博客) 文章末尾处提供保证可运行完整代码包,运行如有问题,可“私信”博主。 效果如下所示: 下面献上完整代码,代码重要位置会做相应解释 <!DOCTYPE html> <html>

AAC ADTS格式分析与提取aac音频文件实战

1.AAC⾳频格式简介 AAC⾳频格式&#xff1a;Advanced Audio Coding(⾼级⾳频解码)&#xff0c;是⼀种由MPEG-4 标准定义的有损⾳频压缩格式&#xff0c;由Fraunhofer发展&#xff0c;Dolby, Sony和AT&T是主 要的贡献者。 AAC 包含两种格式&#xff1a;ADIF和ADTS 2.ADIF…

Python基础(二十):面向对象基础

文章目录 面向对象基础 一、理解面向对象 二、类和对象 1、理解类和对象

已知Retangle2的中心点坐标,角度,半长,半宽,计算四个顶点坐标和四个线段中点坐标

Halcon可以通过最小外接矩型算子获取Retangle2的中心点坐标&#xff0c;角度&#xff0c;半长&#xff0c;半宽。但是却没有四个顶点坐标和四个线段中点坐标。下面的代码是获取四个顶点坐标和四个线段中点坐标的方法。 gen_rectangle2 (Rectangle, 300, 200, 0.39, 100, 50) C…

E5071C网络分析仪

18320918653 E5071C 安捷伦E5071CAgilent 8.5G网络分析仪二手E5071C 频率范围&#xff1a;300 kHz至8.5GHz 在测试端口处保持125 dB动态范围&#xff08;典型值&#xff09; 宽动态范围&#xff1a;在测试端口上的动态范围> 123 dB&#xff08;典型值&#xff09; 极快的…

GDB调试技巧实战--找到打开某个文件的地方

问题&#xff1a; 本系列期望用一个简单的实例来展示一些调试技巧。不时更新。 本期问题是&#xff1a;如何才能快速定位到打开某个文件的代码&#xff1f;&#xff08;对应open/fopen, 读者可举一反三到其它系统函数&#xff09;。当面对屎山代码时&#xff0c;GDB的条件断点…

基于R的Bilibili视频数据建模及分析——变量相关性分析篇

基于R的Bilibili视频数据建模及分析——变量相关性分析篇 文章目录基于R的Bilibili视频数据建模及分析——变量相关性分析篇0、写在前面1、数据分析1.1 变量相关性分析1.2 单元数据直观展示1.3 多元数据直观展示2、多元数据与回归分析2.1 简单相关分析2.2 简单线性回归分析2.3 …

从0到1搭建大数据平台之调度系统

大家好&#xff0c;我是脚丫先生 (o^^o) 大数据平台核心之一在于数据计算&#xff0c;分为离线计算和实时计算任务。 然而任务是离不开调度的。比如&#xff1a;我们要进行定时抽取业务数据库 的数据&#xff0c;定时跑hive/spark任务&#xff0c;定时推送日报、月报指标数据…

数字档案馆系统测试前准备工作(“指标表”和“具体要求”可下载)

数字档案馆系统测试是国家档案局组织开展的一项针对县级以上国家综合档案馆数字档案馆建设情况的绩效评价工作。数字档案馆系统测试的评分依据是《数字档案馆系统测试指标表》&#xff08;后台回复“指标表”可下载&#xff09;&#xff0c;测试采用百分制。测试结果达到80分以…

华脉智联电力行业技术解决方案

一、前言 所谓电力应急&#xff0c;就是快速处理突发紧急事件尽量减少因供电中断造成的损失&#xff0c;快速修复故障设备或线路&#xff0c;使电力生产和运营恢复正常。重大施工事故、公共紧急事件、性质恶劣的违章操作、蓄意破坏、自然灾害等&#xff0c;都极易引发大规模停…

论文浅尝 | Future Event Prediction Based on Temporal KG Embedding

笔记整理&#xff1a;杨露露&#xff0c;天津大学硕士链接&#xff1a;https://www.techscience.com/csse/v44n3/49146/html动机对未来事件的准确预测在许多领域为社会带来巨大利益&#xff0c;减少损失&#xff0c;如内乱、流行病和犯罪。知识图谱是描述和建模复杂系统的通用语…

【状态估计】将变压器和LSTM与卡尔曼滤波器结合到EM算法中进行状态估计(Python代码实现)

&#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5; &#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜密&#xff0c;逻辑清晰&#xff0c;为了方便读者。 ⛳️座右铭&a…

讨教大学|六西格玛之属性值数据一致性分析

相信大家在日常的工作中肯定会遇到这样一种情况&#xff1a;产品的质量特性属于外观特性&#xff0c;即 需要靠人工判断产品是不是符合标准。当遇到客户投诉&#xff0c;或者内部报废率比较高的时候&#xff0c;经 常会遇到客户和领导的挑战&#xff1a; 如何保证员工清楚的知…