首页 > 其他分享 >ajax学习笔记

ajax学习笔记

时间:2023-03-30 16:14:05浏览次数:40  
标签:function axios res 笔记 学习 xhr ajax params data

Ajax:浏览器和服务器之间数据交互的方式,底层是基于浏览器提供的xhr对象

 

基于xhr发起get请求

  1. 创建实例
  2. Open函数
  3. Send函数
  4. Onreadystatechange事件

const xhr=new XMLHttpRequest()

        xhr.open("GET","http://www.liulongbin.top:3006/api/getbooks")

        xhr.send()

        xhr.onreadystatechange=function(){

            if(xhr.readyState == 4 && xhr.status == 200){

                console.log(xhr.responseText)

            }

        }

Json:字符串,存储数据。两种结构:数组和对象

Json转js对象  JSON.parse()

js对象转json字符串 JSON.stringfy()

 

Axios:对ajax进行封装

基于axios发起请求

  1. 导入axios第三方库   params={id:1}
  2. axios.get(url,{params:params}).then(function(res){  res.data })
  3. axios.post(url,params).then(function(res){ })

 

直接使用axios进行请求

axios({

method:“GET”,

url:””,

Params:{ }

}).then( function(res){

Console.log(res.data)

})

 

axios({

method:“POST”,

url:””,

data:{ }

}).then( function(res){

Console.log(res.data)

})

 

标签:function,axios,res,笔记,学习,xhr,ajax,params,data
From: https://www.cnblogs.com/yuro12138/p/17273113.html

相关文章

  • 软考笔记
    PV操作与pv操作相关的几个概念1.临界资源:诸进程间需要互斥方式对其进行共享的资源,如打印机,磁带机等。2.临界区:每个进程中访问临界资源的那段代码称为临界区。3.信号量:......
  • Git学习笔记
    《Git学习笔记》一、词汇概念说明Git的用途Git是目前世界上最先进的分布式版本控制系统(没有之一)。其实就是用来管理文件内容变动的一个工具,即一个可下载安装的软件程序......
  • ORB_SLAM3源码阅读笔记(一)
    本文参考赵旭辉博士的ORB_SLAM3源码阅读记录以及自己的源码阅读进行随笔记录,详细内容可参考链接一、结构  算法整体上需要关注的是三个线程,阅读源码的过程中也始终以这......
  • VUE3基础笔记
    date:2023-3-3010:00:00categories:-前端系列tags:-VUEtitle:VUE3基础笔记视频地址:2022最新Vue零基础小白入门教程,从入门到精通,快速上手简单易懂_哔哩哔哩_b......
  • 深度学习(二)--神经网络
    一:神经网络的历史神经网络的发展可谓经历了一波三折:神经网络的发展过程二:M-P模型三:感知机四:多层感知机五:误差反向传播函数六:误差函数和激活函数七:似然函数八:随机梯度下降法......
  • python学习(二)
    1Python中的标识符和保留字有的单词赋予了特定的意义,在给对象起名字时不能使用例如代码:importkeywordprint(keyword.kwlist)结果:['False','None','True','and......
  • 使用Promise改造封装好的AJAX
    使用Promise改造封装好的AJAX修改index.jsimportAjaxfrom'ajax.js';import{ERROR_ABOUT}from'./封装AJAX4';import{ERROR_TIMEOUT}from'./封装AJAX4';i......
  • python+playwright 学习-42 离线安装 playwright 环境
    前言有些同学可能是在公司局域网办公,无法连到外网去在线下载,本篇教大家在本地局域网部署好playwright环境playwright本地下载先找个有网络的电脑,下载playwright,不要......
  • IM跨平台技术学习(七):得物基于Electron开发客服IM桌面端的技术实践
    本文由得物技术团队Uni分享,即时通讯网收录时有内容修订和排版优化。一、引言本文要分享的是得物技术团队基于Electron开发客服IM桌面端的技术实践过程,内容包括桌面技术......
  • 【HMS Core】FAQ之机器学习服务知多少
    【问题描述1】使用骨骼点驱动虚拟人偶,华为是否提供相关能力以及可使用的API?【解决方案】API请参考下图:参考链接:https://developer.huawei.com/consumer/cn/doc/development/......