前端基础—Ajax和XML

news2025/1/11 23:44:24

Ajax和XML

说到这里,就不得不提到另一个概念:Ajax(Asynchronous JavaScript),中文可以称之为“js的异步请求”,国内统一称为Ajax。

Ajax的概念是每次打开新的网页时,不要让页面整体刷新,而是由js发起一个“HTTP异步请求”,这个“异步请求”的特点就是不让当前的网页“卡”死。

用户可以一边上下滚动页面,播放视频一边等待这个请求返回数据。结果被正常返回后,由js控制刷新页面的局部内容。

这样做的好处是:

(1)大大节省了页面的整体加载时间。各种.js、.css等资源文件加载一次就够了。

(2)节省了带宽。

(3)同时减轻了客户端和服务端的负担。

在智能手机和App应用(特别是微信)流行起来之后,大量的网页都需要在手机端打开,Ajax的优势就体现的淋漓尽致。

虽然Ajax的名称本意是“异步js与XML”,但是现在在服务器端返回的数据中几乎都使用JSON,而抛弃了XML。

在2005年,国内的程序员论坛开始提及Web 2.0,其中Ajax技术被人重视。到了2006年初,可以说Ajax是前端程序员的加薪利器。市面上的所有招聘“前端Web程序员”的职位描述中都认为Ajax是重要的加分项。

可惜当时jQuery在国内不是很普及,Prototype也没有流行起来。笔者与北京软件圈子里的各大公司的同行们交流时,发现大家用的都是“原生的JavaScript Ajax”,这种不借助任何第三方框架的代码写起来非常臃肿、累人,而且考虑到浏览器的兼容问题,开发起来也很让人头疼。

例如,当时的代码往往是这样的:

上面的代码仅仅是为了兼容各种浏览器。实际上,后面还有几十行的冗余代码,之后才是正常的业务逻辑代码。

到2008年,国内开始流行Prototype、jQuery之后,发起一个Ajax请求的代码精简成几行:

jQuery.get('http://some_url?para=1', function(data){

// 正常代码

})

那时候开始,Ajax在国内变得越来越普及。

了解更多前端知识,可以点击链接和小编一起学习哟~icon-default.png?t=M85Bhttps://www.bilibili.com/video/BV1i14y1N7d7/?spm_id_from=333.999.0.0&vd_source=a7816e3b2a3a67ac39dc87f6bf92421c

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

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

相关文章

Java学习笔记 --- MySQL-常用数据类型

一、Mysql常用数据类型 二、数值型(整数)的基本使用 使用规范:在能够满足需求的情况下, 尽量选择占用空间小的 # 演示整形的使用 # 使用tinyint来演示范围 有符号 -128 ~ 127 如果没有符号 0-255 # 1. 如果没有指定 unsigned,则TINYINT就是…

卡塔尔世界杯门线技术(GOAL LINE TECHNOLOGY)背后的黑科技

现代职业足球运动员踢球时足球的行进速度,据国际足联统计数据,平均速度可达 60 英里/小时。极少数爆发力超强的职业球员,可以将这个速度刷新到超过 100 英里/小时。比如里斯本竞技队的巴西左后卫罗尼赫伯森在 2006 年以 131.82 英里/小时的速…

HACKTHEBOX——Sunday

nmap 第一次没有进行全端口扫描,只发现了79和111端口,79端口运行着finger程序,111则是rpcbind。 重新扫描一次,这次针对全部端口进行扫描。 nmap -p- -oA nmap 10.10.10.76 然后在扫描端口详细信息 可以发现22022端口运行着ssh…

数据结构——查找最全总结(期末复习必备)

目录 查找的基本概念 线性表的查找 顺序查找 折半查找(二分或对分查找) 分块查找(索引顺序查找) 树表的查找 二叉排序树 定义: 二叉排序树的查找: 二叉排序树的插入: 二叉排序树的创建&…

【缺陷识别】SVM金属表面缺陷分类与测量【含GUI Matlab源码 682期】

⛄一、简介(附lunwen、答辩PPT) 1 题目内容 金属板广泛应用在工业生产与生产生活的各方面。由于金属板制造过程涉及到的设备、工艺等多因素的影响,金属板表面容易出现种类较多、形态各异的缺陷,这些缺陷对金属板的耐磨性、抗腐蚀…

取整的四种方式

取整的四种方式一.基本认识二.四种取整方案1.零向取整2.地板取整3.向右取整4.四舍五入一.基本认识 这里按理说5/2应该为2.5啊,怎么为2呢?按照我们曾经的理解,其实知道符号/其实是取整。但它究竟是如何取整呢? 二.四种取整方案 1.…

小啊呜产品读书笔记001:《邱岳的产品手记-16》第30讲产品案例分析:Primer的扑克牌交互 第31讲 产品分析的套路(下):如何出解决方案?

小啊呜产品读书笔记001:《邱岳的产品手记-16》第30讲产品案例分析:Primer的扑克牌交互 & 第31讲 产品分析的套路(下):如何出解决方案?一、今日阅读计划二、泛读&知识摘录1、第30讲产品案例分析&…

猿如意中的【Visual Studio Code】工具详情介绍

猿如意中的【Visual Studio Code】工具一、 猿如意工具介绍二、 工具名称2.1 下载安装渠道2.2 如何在载猿如意中下载VS Code开发工具?2.3 安装流程2.4 安装完成的界面2.6 VS Code使用步骤常用快捷键使用感受一、 猿如意工具介绍 打开猿如意程序工具。猿如意下载地址…

东北大学2023分布式操作系统考试题目

1、简述分布式系统的设计目标中开放性的特点有哪些? 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 2、简述分布式体系结构中的层次结构,并举出一个层次结构的例子 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 …

20222-02-16 Linux 触摸屏测试工具tslib工具下载、编译、安装,buildroot ARM平台上实际运行

一、tslib全称英文是C library for filtering touchscreen events,是捕捉触摸屏事件的工具。 二、下载地址https://github.com/libts/tslib 三、tslib的代码如下 二、ARM交叉编译流程 1、可能需要安装下面的软件 sudo apt-get install automake autoconf libtool …

数据结构之链表 - (通过代码实现方法,熟悉方法的使用)

文章目录前言1. 链表1.1 什么是链表?1.2 链表的分类2. 链表方法的实现2.1 实现构建思想2.2 代码实现2.2.1 实现方法前的准备工作2.2.2 链表方法:display() - 打印链表, contains() - 查找链表中key值, size() - 求链表长度2.2.3 头插法-addFirst(), 尾插法-addLast(…

比较生成模型

说说GAN/VAE/Flow/Diffusion/AR~~~ 各类生成模型,比如自回归模型Autoregressive Model (AR),生成对抗网络Generative Adversarial Network (GAN),标准化流模型Normalizing Flow (Flow),变分自编码器Variational Auto-Encoder (VA…

软件测试优秀的测试工具,会用三款工作效率能提升一半

我们将常用的测试工具分为10类。 1. 测试管理工具 2. 接口测试工具 3. 性能测试工具 4. C/S自动化工具 5.白盒测试工具 6.代码扫描工具 7.持续集成工具 8.网络测试工具 9.app自动化工具 10.web安全测试工具 注:工具排名没有任何意义。 大多数初学者&…

图解Python深拷贝和浅拷贝

Python中,对象的赋值,拷贝(深/浅拷贝)之间是有差异的,如果使用的时候不注意,就可能产生意外的结果。 下面本文就通过简单的例子介绍一下这些概念之间的差别。 对象赋值 直接看一段代码: wil…

蓝桥杯:数字三角形

目录 题目描述 输入描述 输出描述 输入输出样例 输入 输出 思路: AC代码(Java): 题目描述 上图给出了一个数字三角形。从三角形的顶部到底部有很多条不同的路径。对于每条路径,把路径上面的数加起来可以得到一个…

数据结构基础--排序

一、直接插入排序 思路: 直接插入排序是一种简单的插入排序法 其基本思想是:把待排序的记录按其关键码值的大小逐个插入到一 个已经排好序的有序序列中,直到所有的记录插入完为止,得到一个新的有序序列 。 直接插入排序的特性总…

二分查找算法

目录 一 算法简介 1)算法解释 2)前提 3)思想 4)分类 5)算法模板 mid的计算的实现方法 二分法模板 求某个数的平方根: 二 算法实践 1)问题引入 2)问题解答 1)解法一:左闭…

[附源码]Node.js计算机毕业设计关山社区居民信息管理系统Express

项目运行 环境配置: Node.js最新版 Vscode Mysql5.7 HBuilderXNavicat11Vue。 项目技术: Express框架 Node.js Vue 等等组成,B/S模式 Vscode管理前后端分离等等。 环境需要 1.运行环境:最好是Nodejs最新版,我…

Nacos认证绕过漏洞(CVE-2021-29441)

Nacos认证绕过漏洞(CVE-2021-29441) 指纹识别 titlenacos漏洞范围 nacos1.2.0版本-nacos1.4.0版本 漏洞复现 靶机ip:192.168.1.4 默认的nacos登录界面 http://192.168.1.14:8848/nacos/#/login利用如下请求包查看只有一个nacos用户 GET /nacos/v…

ZBC陆续在主要CEX开启Staking,锁定市场大部分流通量成大利好

从2022年Q3开始,Zebec生态开始不断的迎来新的利好,比如以 10 亿美元的完全稀释估值筹集了 850 万美元,使其历史融资额超过4000万美元,引发ZBC通证的一波上涨。而在此后,Zebec 生态开启了从Solana生态的迁移&#xff0c…