xhr基本使用

news/2024/11/26 2:34:20/

1. XMLHttpRequest(简称xhr)是浏览器提供的 JavaScript对象,通过他它,可以请求服务器上的数据资源 。之前所学的jQuery中的Ajax函数,就是基于xhr对象封装出来了的

2.用xhr发起 get请求 

  • 创建xhr对象
  • 调用xhr. open()函数 
  • 调用xhr. send()函数
  • 监听xhr.onreadystatechange事件

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAU3VubX4=,size_20,color_FFFFFF,t_70,g_se,x_16

 3. xhr的readyState属性,用来表示当前 Ajax请求所处的状态 。每个Ajax请求必然处于以下状态中的一个 :watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAU3VubX4=,size_20,color_FFFFFF,t_70,g_se,x_16

 4.使用xhr发起带参数的GET请求

使用xhr对象发起带参数的GET请求时,只需在调用xhr.open期间,为URL地址指定参数即可watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAU3VubX4=,size_20,color_FFFFFF,t_70,g_se,x_16

 查询字符串

1.定义:查询字符串(URL的参数)是指在URL的末尾加上用于向服务器发送信息的字符串(变量)。

格式:将英文的?放在URL的末尾 ,然后再加上参数=值 ,想加上多个参数的话 ,使用&符号进行分割。以这个形式 ,可以将想要发送给服务器的数据添加到URL中。

2. GET请求携带参数的本质 watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAU3VubX4=,size_20,color_FFFFFF,t_70,g_se,x_16


URL编码与解码 

1.什么是url编码 

URL地址中只允许出现英文相关的字母、标点符号、数字 , 因此,在url地址中不允许出现中文字符 。如果url中需要包含中文这样的字符 ,这必须对中文字符进行编码 (转义)

Url编码的原则:使用英文字符去表示非英文字符

2.如何对url进行编码与解码

浏览器提供了url编码与解码的API ,分别是 :

  • encodeURI()编码的函数
  • decodeURI()解码的函数

使用xhr发起post请求 

  • 创建xhr对象
  • 调用xhr. open()函数
  • 设置Content-Type属性(固定写法)
  • 调用xhr.send()函数,同时指定要发送的数据
  • 监听xhr.onreadystatechange事件

 

 


http://www.ppmy.cn/news/139442.html

相关文章

Fully Attentional Network for Semantic Segmentation

背景: 非局部注意力使用一个简单的相似度矩阵,因此会造成attention miss,为了解决这个问题,提出了fully attentional network,同时进行位置和通道编码。本文主要解决在通道非局部中的位置问题。 attention miss 什么是…

DeepLearing—CV系列(十九)——图像分割之U^2-Net(效果极好)的Pytorch实现

文章目录 一、u2net.py二、dataloader.py三、train.py四、test.py五、crop.py六、效果展示代码目录: 卷积之后特征图计算公式和空洞卷积之后特征图计算公式: (1)普通卷积之后特征图计算公式: w=h=(n+2p-k)/s+1 (2)进行空洞卷积后的计算公式: (3)进行池化后的特征…

U2Net 源码解析

U2Net 源码解析 如上图所示, U2Net是由ReSidual U-blocks块拼接而成的U形网络,类似UNet的Encoder-Decoder架构, 每个ReSidual U-blocks块内部本身又是一个U形网络,且加入了残差块,接下来先不用把关注点放在具体的RSU内…

XHR level2的新功能

设置HTTP请求的时限 xhr.timeout3000; 最长等待3秒就自动停止HTTP请求。还有一个timeout事件,用来指定回调函数 xhr.ontimeoutfunction(event){alert(请求超时); } 设置FormData对象管理表单数据 // 1、创建 FormData 实例 var fd new FormData();…

信号处理中简单实用的方法——数据的延拓

数字滤波器的输出有瞬态效应,即当取有限长的信号时对信号的截断,会使输出信号的前端产生失真;当通过零相位滤波器时,由于信号通过滤波器二次,会使输出信号的两端都产生失真。有些文献报道为改善滤波器输出的失真&#…

深度学习从入门到精通——图像分割技术原理解析

图像分割技术原理解析 图像分割模型全卷积网络(FCN)UNet显著性目标检测/图像分割 U2netSegNet现在的图像分割技术常用 常用损失函数损失函数精度描述像素准确率(Pixel Accuracy)平均像素准确率(Mean Pixel Accuracy&am…

HyperLynx(九)HDMI仿真实例

1.眼图和眼图模板 2.HDMI眼图模板 3.在HyperLynx中设置眼图模板 4.HDMI仿真 5.HDMI设计规则总结 1.眼图和眼图模板 眼图是指一系列的数字信号在示波器或图形软件中显示的图形。简单地说就是把一连串 接收端接收到 的脉冲信号(000,001,010, …

红外成像和可见光---双光集成设备的介绍

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言一、HX1 视觉模组二、HX1-S0(M) 双光模组 前言 红外成像技术越来越多的应用在我们的研发、制造、维护,甚至生活中。红外光谱…