AJAX基础知识

server/2024/9/29 5:31:14/
定义
Ajax 异步 JavaScript XML async javascript and xml ),使用 Ajax 技术网页应用能够快速地将数据更新呈现在用户界面上,而不需要重载(刷新)整个页面,这使得程序能够更快地回应用户的操作.
javascript :用于无刷新的更新页面
xml 是一种数据格式,目的是为了存储和传递数据
XMLHttpRequest 对象:这是一个浏览器内置对象,可以向指定的地址发送请求
在后来开发实践中,人们开始抛弃 xml ,而是用 json 作为数据存储和传递的格式

 

 定时获取时间案例

 readystate

AJAX 请求会经历很多阶段,通过 readyState 属性的值,可以知道请求当前正处于哪个阶段
readyState 存放 xhr 的状态信息,从 0-4 发生变化:
0 :请求未初始化
1 :服务器已建立连接
2 :请求已接收
3 :请求处理中
4 :请求已完成,且响应已完成

 为什么要加入判断

 请求方式

ajax 常用的请求方式
        
get :从服务端获取数据
post :向服务端提交数据,用于新增
put :向服务端提交数据,用于修改
delete :删除数据
发送 get 请求:

 发送post请求:

 发送 put 请求:

发送 delete 请求:

 

服务端处理:

 总结:

前后端分离项目开发中,不同的目的要使用不同的请求方式.
针对同一个资源(比如博客)的增删改查,请求的接口一般是一样的,服务端会通过获取请求方
式,然后将不同的请求转发给不同的代码来处理

http://www.ppmy.cn/server/45004.html

相关文章

Spark基础笔记之启动命令顺序

系统环境(三台虚拟机) node1 192.168.32.101(主) node2 192.168.32.102 node3 192.168.32.103 1、启动hdfs、yarn、historyserver(hadoop用户启动) # 启动dfs,启动后的服务名: Da…

python 删除pdf 空白页

环境 python 3.10 PyPDF2 3.0.1 安装 pip install PyPDF2流程 将空白页和内容页读取出来,看看内部结构有什么不同以此为依据,遍历整个PDF 文件,标记处有内容的页面,写入到另外一个PDF文件。 python 代码 # 每一个页都是一个…

Godot引擎小白入门指南

哈喽,大家好呀,淼淼有来和大家见面啦,前几期和大家讲了Godot引擎的优势,Godot引擎是一款开源的跨平台游戏引擎,具有易学易用、功能强大、社区活跃等特点,因此备受开发者青睐。对于初学者来说,掌…

网页中的音视频裁剪拼接合并

一、需求描述 项目中有一个配音需求: 1)首先,前台会拿到一个英语视频,视频的内容是A和B用英语交流; 2)然后,用户可以选择为某一个角色配音,假如选择为A配音,那么视频在播…

【全开源】知识库文档系统源码(ThinkPHP+FastAdmin)

知识库文档系统源码:构建智慧知识库的基石 引言 在当今信息爆炸的时代,知识的有效管理和利用对于企业和个人来说至关重要。知识库文档系统源码正是为了满足这一需求而诞生的,它提供了一个高效、便捷的平台,帮助用户构建、管理、…

本地开发正常 线上CI/CD构建项目过程报错文件未能正确引用

问题快照 原因分析: 一般遇到这样的错误就是 文件路径或者文件名称未能正确匹配 或者文件不存在 会报这样的错误 以为很好解决 但这次 都排查 了 就是 没发现原因 不管怎么说还是要感谢 GPT的能力(分析问题的能力) 先上图 当我看到 第四步的时候 我立马 去仓库里查…

「Electron」Electron 应用程序详解

Electron 作为一个强大的框架,让开发者能够使用熟悉的 Web 技术栈来构建桌面应用程序。下面我将对您提供的要点进行扩展,以便更深入地理解 Electron 开发的各个方面。 一、知其然 Electron 基础深入 核心概念:Electron 应用由主进程(main.js)和渲染进程(可以有多个,对应…

js实现元素根据鼠标滚轮滚动向左右上下滑动着从模糊到清楚显示出来

html代码 <div ref{test} id"animatedElement" className"not-animated"> <div style{{width:"100px",height:"50px",backgroundColor:"red"}}> </div> </div> JS代码 const te…