73.AJAX基础介绍（全局和局部刷新）

最新推荐文章于 2022-05-06 10:03:17 发布
最新推荐文章于 2022-05-06 10:03:17 发布
阅读量204 收藏
点赞数
分类专栏： web高级js_p7 文章标签： ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41390219/article/details/119501597
版权

AJAX基础知识

AJAX：async javascript and xml 异步的JS和XML

  • XML（最早的时候，基于AJAX从服务器获取的数据一般都是XML格式数据，只不过现在基本上都是应用更小巧、更方便操作的JSON格式处理）

    • HTML 超文本标记语言
    • XHTML 严谨的HTML
    • XML 可扩展的标记语言（基于标签结构存储数据）

  • 异步的JS（基于AJAX实现局部刷新）

    • 服务器渲染（一般都是同步：全局刷新）
    • 客户端渲染（一般都是异步：局部刷新）

服务器渲染时代(服务器压力大)
在这里插入图片描述
前后端分离时代(ajax局部加载内容,seo优化不好)
在这里插入图片描述

Mint520
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
1.Ajax局部刷新技术概述，底层原理，全局刷新的例子
qq_64657431的博客
04-04 1379
文章目录Ajax0、第四阶段概述本阶段课程内容：哪些感觉比较难？1、全局刷新 和局部刷新2、异步对象3、Ajax4、Ajax中使用异步对象（1）创建异步对象（2）给异步对象绑定事件异步对象的属性readyState异步对象的属性 status（3）初始异步请求对象怎么能获取服务器端返回的数据？6、全局刷新的例子 Ajax 0、第四阶段概述 本阶段课程内容： 前端内容：ajax,jquery 动态代理 maven：项目的构建工具 mybatis：访问数据库的框架 spring：管理和创建对象的构架 spri
全局刷新与局部刷新（Ajax）
qq_45554909的博客
12-09 948
1、全局刷新 登录请求处理： index.jsp 发起登录请求--------LoginServlet--------result.jsp 发起请求 request 阶段： 浏览器现在内存中是 index 页面的内容和数据 ： 服务器端应答结果阶段： sevlet 返回后把数据全部覆盖掉原来 index 页面内容， result.jsp 覆盖了全部的浏览器 内存数据。 整个浏览器数据全部被刷新。重新在浏览器窗口显示数据，样式，标签等 全局刷新原理: 必须由浏览器亲自向服务端发送请求协议包。 这个行为导
1、Ajax全局刷新和局部刷新
a1037352798的博客
07-18 220
1.1.1 全局刷新 登录请求处理： index.jsp 发起登录请求--------LoginServlet--------result.jsp 发起请求 request 阶段： 浏览器现在内存中是 index 页面的内容和数据 ： 服务器端应答结果阶段： sevlet 返回后把数据全部覆盖掉原来 index 页面内容， result.jsp 覆盖了全部的浏览器 内存数据。 整个浏览器数据全部被刷新。重新在浏览器窗口显示数据，样式，标签等 全局刷新原理: 1 必须由浏览器亲自向服务端发送请求协议包。
jQuery中Ajax全局事件引用方式及各个事件(全局/局部)执行顺序
10-22
主要介绍了jQuery中Ajax全局事件引用方式及各个事件(全局/局部)执行顺序的相关资料，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧
AJAX：实现局部刷新
qq_43568982的博客
09-06 6329
开始时间：2021-09-04 AJax
Ajax之【全局刷新和局部刷新】
weixin_48485216的博客
05-06 628
一、全局刷新 1、定义 整个浏览器被新的数据覆盖。在网络中传输大量的数据。浏览器需要加载，渲染页面。 二、局部刷新 1、定义 在浏览器的内部，发起请求，获取数据，改变页面中的部分内容。其余的页面无需加载和渲染。网络中数据传输量少，给用户的感觉好。 2、核心对象 异步请求对象（XMLHttpRequest）： 在局部刷新中，需要创建一个对象，代替浏览器发起请求的行为，这个对象在内存中，代替浏览器发起请求并接收响应数据。 说明： （1）这个异步请求对象是存在浏览器内存中的，使用ja
快速了解Ajax·全局刷新和局部刷新(Ajax)
zjlwdqca的博客
01-14 4667
快速了解Ajax 全局刷新和局部刷新(Ajax) 全局刷新：整个浏览器被新的数据覆盖,需要在网络中传输大量的数据。浏览器需要加载，渲染页面。相当于我们正常点击访问网站的方式。 局部刷新：在浏览器的内部，发起请求，获取数据，改变页面的部分内容。其余的页面无需加载和渲染，网络中的数据传输量少，给用户感觉好。 而我们网页的局部刷新使用的就是Ajax! 全局刷新 首先我们编辑一个小程序来更好的理解什么叫做全局刷新。 bmiindex.jsp <%@ page language="java" contentTy
Ajax+php数据交互并且局部刷新页面的实现详解
10-19
### Ajax+php数据交互并且局部刷新页面的实现详解知识点 #### 1. Ajax技术介绍 Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个页面的情况下，能够更新部分网页的技术。它不是一种新的编程语言，...
在Laravel中实现使用AJAX动态刷新部分页面
10-16
在Laravel框架中，利用AJAX实现动态刷新页面部分是一种常见的优化用户体验的技术。它允许用户在不重新加载整个页面的情况下，仅更新特定区域的内容。在本文中，我们将深入探讨如何结合jQuery来实现在Laravel中使用...
基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法
10-22
尤其当使用$.ajax方法时，默认情况下会触发全局的ajax事件，这会在每次请求过程中触发一些额外的操作，比如页面的重绘和回流（reflow），从而造成页面闪烁。 为了解决这个问题，JQuery的$.ajax方法提供了一个全局...
Ajax获取回调函数无法赋值给全局变量的问题
12-11
在JavaScript编程中，Ajax（Asynchronous JavaScript and XML）是一种创建动态网页的技术，它允许在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。然而，由于Ajax的异步特性，有时会出现回调函数中的...
jquery实现页面局部刷新
05-28
页面局部刷新的核心在于使用AJAX技术，它可以在不刷新整个页面的情况下向服务器发送异步请求。jQuery封装了AJAX方法，简化了使用过程。最常用的是`$.ajax()`和`$.get()`、`$.post()`等简写形式。 #### 3.1 `$.get()...
作用域与作用域链，GO/VO/AO/EC及作用域和执行上下文
Mint周的文章
06-28 843
作用域与作用域链 GO/VO/AO/EC及作用域和执行上下文 GO：全局对象(Global Object) let globalObject = { Math:{}, String:{}, document:{}, ... window:this } ECStack：Execution [ˌeksɪˈkjuːʃn] Context Stack 执行环境栈 EC：Execution Context 执行环境（执行上下文） VO：Varibale Object 变量对象
71-72：从地址栏输入网址到看到页面的完整步骤（前端性能优化点）
Mint周的文章
08-05 590
当用户在浏览器地址栏中输入网址，到看到页面，经历的步骤 1.解析输入的URL地址（看上一篇70） 2.DNS解析 网站中，每发送一个TCP请求，都要进行DNS解析（一但当前域名解析过一次，浏览器一般会缓存解析记录，缓存时间一般在1分钟左右，后期发送的请求如果还是这个域名，则跳过解析步骤 =>这是一个性能优化点） 真实项目中，一个大型网站，他要请求的资源是分散到不同的服务器上的（每一个服务器都有自己的一个域名解析） WEB服务器（处理静态资源文件，例如：html/css/js等 的请求） 数据服
39：浏览器底层渲染机制3：DOM回流和重绘
Mint周的文章
07-20 410
DOM的重绘和回流 重绘：元素样式的改变（但宽高、大小、位置等不变） 如 outline, visibility, color、background-color等 回流：元素的大小或者位置发生了变化（当页面布局和几何信息发生变化的时候），触发了重新布局，导致渲染树重新计算布局和渲染 如添加或删除可见的DOM元素 ; 元素的位置发生变化; 元素的尺寸发生变化; 内容发生变化（比如文本变化或图片被另一个不同尺寸的图片所替代）; 页面一开始渲染的时候（这个无法避免）; 因为回流是根据视口的大小来计算元素
内置类Array原型链图
Mint周的文章
07-10 381
举例子：arr.push(100) arr实例基于原型链，查找到Array.prototype上的push方法=>arr.push,再把找到的push方法执行 =>arr.push() push中的this:arr push的作用是给this未尾追加新值 借用数组原型上的slice方法实现把字符串（或者类散组）转换为数组原理： 让slice中的ths变为操作的字符串，这样就相当于在循环遍历字符串，把字符串中的每一项赋值给新的数组…… 模拟内置的slice Array.prot.
78：企业CRM客户系统：项目整体的框架
Mint周的文章
08-15 285
企业级CRM客户管理系统 OA 企业办公管理系统 ERP 企业战略资源管理系统 CRM 客户管理系统 CMS 内容管理系统 TIM 及时通讯系统 … 技术栈 服务器端：node + express + JSON 完成的 支持跨域请求 CROS跨域资源共享 数据存储采用 JSON 临时存储（真实项目中是基于数据库完成的：MD/MS） 客户端：JQ + Axios + 自己封装的公共方法 md5加密 cookie的相关操作 … 1.跑通客户端和服务器端的环境 1）把客户端先运行起来 必须保
76：解读axios的基础语法
Mint周的文章
08-13 270
常用的AJAX库（调用起来更方便、操作起来更简单）： 以JQ/ZEPTO为主的AJAX库（把AJAX四步操作进行封装、提供了JSONP跨域处理、对于一些常用操作[例如：GET/POST/表单序列化/参数处理等]进行封装处理） 以AXIOS为主的AJAX库（不仅对AJAX进行封装，而且是基于PROMISE进行管理） [最常用的] ES6中新增的内置类Fetch来完成HTTP数据请求（记住：FETCH不是AJAX，他是新的通讯方案；而且默认基于PROMISE进行管理） [很多公司已经开始尝试使用] 跨域请求方
ASP.NET使用AJAX和jQuery-UI实现进度条示例
1. AJAX（异步JavaScript和XML）：AJAX允许我们在不刷新整个页面的情况下与服务器交换数据并局部更新页面。在这篇文章中，前端使用`$.ajax`函数发送异步请求到后台，定期查询任务进度。 2. jQuery-UI：jQuery-UI是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值