当前位置: 首页 > news >正文

AJAX基础知识

定义
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 请求:

 

服务端处理:

 总结:

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

相关文章:

  • Java大厂面试题第2季
  • Vue使用axios实现调用后端接口
  • 智慧商砼搅拌车安监运营管理的创新实践
  • 【python008】excel表格转markdown文档表格
  • 【WEEK14】 【DAY4】Swagger Part 2【English Version】
  • ubuntu18.04 报错:fatal error: execution
  • 浏览器修改后端返回值
  • NKCTF 2024 webshell_pro
  • CI/CD:持续集成/持续部署
  • java web爬虫
  • 【OpenHarmony】TypeScript 语法 ③ ( 条件语句 | if else 语句 | switch case 语句 )
  • [数据集][目标检测]老鼠检测数据集VOC+YOLO格式4107张1类别
  • 反激电源压敏电阻设计
  • Python Config 用法:探索配置文件的艺术
  • 基于 IP 的 DDOS 攻击实验
  • Angular 响应式表单 基础例子
  • ComponentOne 2017 V2版本正式发布
  • ES6核心特性
  • gcc介绍及安装
  • Logstash 参考指南(目录)
  • ng6--错误信息小结(持续更新)
  • Odoo domain写法及运用
  • QQ浏览器x5内核的兼容性问题
  • SegmentFault 技术周刊 Vol.27 - Git 学习宝典:程序员走江湖必备
  • session共享问题解决方案
  • SOFAMosn配置模型
  • uni-app项目数字滚动
  • 前嗅ForeSpider采集配置界面介绍
  • 使用Gradle第一次构建Java程序
  • 我与Jetbrains的这些年
  • 鱼骨图 - 如何绘制?
  • ​RecSys 2022 | 面向人岗匹配的双向选择偏好建模
  • ## 临床数据 两两比较 加显著性boxplot加显著性
  • #调用传感器数据_Flink使用函数之监控传感器温度上升提醒
  • #我与Java虚拟机的故事#连载15:完整阅读的第一本技术书籍
  • #我与Java虚拟机的故事#连载19:等我技术变强了,我会去看你的 ​
  • #中国IT界的第一本漂流日记 传递IT正能量# 【分享得“IT漂友”勋章】
  • (10)STL算法之搜索(二) 二分查找
  • (20050108)又读《平凡的世界》
  • (2020)Java后端开发----(面试题和笔试题)
  • (pojstep1.1.2)2654(直叙式模拟)
  • (Redis使用系列) Springboot 实现Redis消息的订阅与分布 四
  • (笔记)M1使用hombrew安装qemu
  • (附源码)springboot炼糖厂地磅全自动控制系统 毕业设计 341357
  • (三)uboot源码分析
  • (转)GCC在C语言中内嵌汇编 asm __volatile__
  • .aanva
  • .net core 6 集成 elasticsearch 并 使用分词器
  • .NET Core引入性能分析引导优化
  • .NET I/O 学习笔记:对文件和目录进行解压缩操作
  • .net 反编译_.net反编译的相关问题
  • .Net的C#语言取月份数值对应的MonthName值
  • .NET中winform传递参数至Url并获得返回值或文件
  • /bin/bash^M: bad interpreter: No such file or directory
  • /tmp目录下出现system-private文件夹解决方法