Ajax入门

news2024/9/25 17:19:01

在B/S架构中,浏览器端发送请求的传统方式如下:

        1.直接在浏览器地址栏上输入url

        2.超链接

        3.from表单

        4.在JavaScript代码中发送请求

                1)window.open(url)

                2)document.location.href = url

                3)window.location.href = url

                ……

以上传统请求存在的问题:

        每次请求都会导致浏览器页面全部重新刷新,从而浏览器页面有空白期(用户的体验是不连贯的),导致用户体验不好。

AJAX概述

        英文全称:Asynchronous Javascript And Xml(异步JavaScript和XML)

        AJAX不能称为一种技术,它是多种技术的综合产物。

        AJAX可以让浏览器发送一种特殊的请求,这种请求可以是:异步的。

        异步与同步:

                假设有t1和t2线程,t1和t2线程能够并发(互不干涉),就是异步

 

                假设有t1和t2线程,t2想执行,必须等待t1线程执行到某个位置之后t2才能执行,t2需要等待t1,显然他们是排队的,排队的就是同步

        AJAX是可以发送异步请求的。也就是说,在同一个浏览器页面当中,可以发送多个ajax请求,这些ajax请求之间不需要等待,是并发的。

        AJAX代码属于WEB前端的JS代码。和后端的java没有关系,后端也可以是php语言,也可以是C语言。

        AJAX 应用程序可能使用 XML 来传输数据,但将数据作为纯文本或 JSON 文本传输也同样常见。

        AJAX可以更新网页的某个部分,而不需要重新加载整个页面。(页面局部刷新)

        AJAX可以做到在同一个网页中同时启动多个请求,类似于在同一个程序中启动“多线程”。

 

XMLHttpRequest对象

        XMLHttpRequest对象是AJAX的核心对象,发送请求以及接收服务器数据的返回,都是通过它来完成。

        XMLHttpRequest对象,现代浏览器都是支持的,都内置了该对象。直接用即可。

        创建XMLHttpRequest对象

                var xhr = new XMLHttpRequest();

        XMLHttpRequest对象的方法:

        XMLHttpRequest对象的属性:

 

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

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

相关文章

优思学院|精益生产在制药行业的应用情况如何?

精益生产作为一项优化生产过程、提高效率的方法论,精益生产在制药行业得到了广泛应用。其核心理念是通过消除浪费,不断改进生产流程,实现资源的最大化利用和生产成本的最小化,从而提高企业的竞争力和市场占有率。 在制药行业&…

Java语言----LinkedList 和 链表的实现

目录 一.链表概念 二.链表的分类 三.无头单向非循环链表的实现 3.1创建简单链表 3.2 链表基本方法实现 3.3四大基本功能 3.3.1.增加元素结点 3.3.2.查找元素结点 3.3.3.删除元素结点 3.3.4.结点信息修改 四.LinkedList是什么? 五.LinkedList使用方法 总结 …

蓝牙耳机哪款性价比高?2023蓝牙耳机性价比排行

随着蓝牙耳机的使用愈发频繁,蓝牙耳机产品也越来越多,蓝牙耳机的功能、价格、外观设计等都不尽相同。接下来,我来给大家推荐几款性价比高的蓝牙耳机,感兴趣的朋友一起来看看吧。 一、南卡小音舱Lite2蓝牙耳机 参考价&#xff1a…

unity,如何让当前物体获取鼠标位置,转向鼠标在屏幕中的位置?

介绍 unity,如何让当前物体获取鼠标位置,转向鼠标在屏幕中的位置? 方法 void Update() {// 获取鼠标在屏幕上的位置Vector3 mousePos Input.mousePosition;// 将鼠标在屏幕上的位置转换为世界空间中的位置Vector3 worldPos Camera.main.S…

C++11多线程join()和detach()的理解

简介 每一个程序至少拥有一个线程,那就是执行main()函数的主线程,而多线程则是出现两个或两个以上的线程并行运行,即主线程和子线程在同一时间段同时运行。而在这个过程中会出现几种情况: 主线程先运行结束子线程先运行结束主子…

NLP实战:基于Pytorch的文本分类入门实战

目录 一、前期准备 1.环境准备 2.加载数据 二、代码实战 1.构建词典 2.生成数据批次和迭代器 3. 定义模型 4. 定义实例 5.定义训练函数与评估函数 6.拆分数据集并运行模型 三、使用测试数据集评估模型 四、总结 这是一个使用PyTorch实现的简单文本分类实战案例。在…

MySQL_1 数据库的基本操作

目录 一、拾枝杂谈 1.cmd验证MySQL服务 : 2.cmd连接MySQL服务 : 3.MySQL服务 : 二、数据库介绍 1.定义 : 2.SQL语句分类 : 三、数据库操作 1.数据库的创建 : 1 基本语法 2 演示 2.数据库的删除 : 1 基本语法 2 演示 3. 数据库的查询 : 1 基本语法 2 演示 4.数据库的…

【youcans 的 OpenCV 学习课】21. Haar 小波变换

专栏地址:『youcans 的图像处理学习课』 文章目录:『youcans 的图像处理学习课 - 总目录』 【youcans 的 OpenCV 学习课】21. Haar 小波变换 1. 小波变换1.1 小波变换基本概念例程 17_1:常用小波族的图像 1.2 连续小波变换1.3 离散小波变换&a…

《通过十几轮数据进行模型训练,实现精确的无创血糖测量的演绎学习》阅读笔记

目录 0 演绎学习 1 论文摘要 2 论文十问 3 论文亮点与不足之处 4 与其他研究的比较 5 实际应用与影响 6 个人思考与启示 参考文献 0 演绎学习 在本文中,DL指的是Deduction Learning,即演绎学习方法。该方法是一种机器学习方法,通过使…

ServerPapers 开源轻量级服务器监控工具

ServerPapers 开源轻量级服务器监控工具 起因 之前用过一些服务器监控工具,但是有些配置复杂不够方便。也有些配置简单,但没有我想要显示的一些信息。所以我就花了三天时间自己写了一个开源的轻量级服务器监控工具。 项目 介绍 ServerPapers是一个基…

聚观早报|苹果版余额宝四天吸金69亿;​微软拟推出私有版ChatGPT

今日要闻:苹果版余额宝四天吸金69亿元;称微软拟推出私有版ChatGPT;特斯拉上调Model 3、Model Y售价;好莱坞编剧将举行15年来首次罢工;字节跳动要在美国卖书了 苹果版余额宝四天吸金69亿元 早些时候,苹果推…

自动驾驶TPM技术杂谈 ———— I-vista验收标准(试验规程)

文章目录 术语介绍试验准备场地要求环境要求精度要求边界车辆&路沿石 试验方法能力试验双边界车辆平行车位白色标线平行车位双边界车辆垂直车位白色标线垂直车位方柱垂直车位双边界车辆斜向车位白色标线斜向车位 新功能评价平行车位远程操控泊入泊出试验垂直车位远程操控泊…

用户界面对象的线程亲缘性第二篇: 设备上下文

在上一篇文章中,我们简单地介绍了控制窗口句柄的线程亲缘性规则。 今天,我们来讲讲设备上下文(Device Context, 简称 DC) 。 设备上下文也有一定程度的线程亲缘性。调用 DC 相关函数,例如 GetDC 的线程,必须在同一个线程中调用其…

VC++判断Windows系统是Win7、Win8,还是Win10系统(附源码)

有时候我们需要获取操作系统版本,比如win7、win8、win8.1、win10等,对不同版本的系统做特殊处理。有时我们还需要分辨当前系统是64位的,还是32位的。 1、系统API函数GetVersionEx已经被废弃,不能再使用了 以前我们一般使用系统API函数GetVersionEx去获取操作系统版本,但从…

B016_单行函数篇

2022年4月14日08:25:25 通过本章学习,您将可以: SQL中不同类型的函数 在 SELECT 语句中使用字符,数字,日期和转换函数 使用条件表达式术语 函数-预定义的接受参数的代码块单行函数-为每条记录返回一行结果多行函数-返回一个结果,每组数据处理什么是SQL函数 多行函数也叫…

【Redis—主从复制】

概念 如果把数据都存储到一台服务器上,当服务器出现宕机后,数据会丢失。而把数据备份到多台服务器上,那么当一台服务器发生故障后,其他服务器仍然可以继续提供服务。由于是多台服务器,所以服务器之间的数据要保持一致…

SwiftUI 如何动态条件显示和隐藏 Toolbar 按钮且不做无谓刷新

功能需求 在 SwiftUI 中我们可以非常容易的定制导航栏 Toolbar 中按钮的显示,包括折叠、分组和按条件动态显示和隐藏等。 如上图所示,我们仅用寥寥几行代码就实现了 SwiftUI 导航栏 Toolbar 按钮的折叠、分组和按条件动态显示隐藏等功能。 在本篇博文中,您将学到以下内容:…

Spring Cache的使用

目录 一、前言二、什么是Spring Cache?三、Spring Cache常用注解四、使用方法1.导入依赖2.开启缓存注解3.Cacheables4.CachePut5.CacheEvict6.Caching 一、前言 在日常开发工作中,缓存是一个很常见的技术手段,它可以有效地提高系统性能。当系…

6.1.1 图:基本概念

一,基本概念 1.基本定义 (1)图的定义 顶点集不可以是空集,但边集可以是空集。 (2) 有向图的表示: 圆括号 无向图的表示: 尖括号 简单图、多重图: 简单图:…

Java中变量的学习

目录 概述:Java中的成员包含五部分 第一部分:变量 (1)Java中的变量分类 (2)成员变量和局部变量的位置区别 (3)Java中成员变量作用域/Java权限修饰符 (4)…