电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術(shù)文章
文章詳情頁

如何通過axios發(fā)起Ajax請(qǐng)求(最新推薦)

瀏覽:167日期:2022-06-12 08:21:05
目錄
  • axios  
    • 什么是axios
    • axios發(fā)起GET請(qǐng)求
    • axios發(fā)起POST請(qǐng)求
    • 直接使用axios發(fā)起get請(qǐng)求
    • 直接使用axios發(fā)起post請(qǐng)求

axios  

什么是axios

Axios是專注于網(wǎng)絡(luò)數(shù)據(jù)請(qǐng)求的庫,相比于原生的XMLHttpRequest對(duì)象,axios簡(jiǎn)單易用。相比于Jquery,axios更加輕量化,只專注于網(wǎng)絡(luò)數(shù)據(jù)請(qǐng)求。

axios發(fā)起GET請(qǐng)求

axios發(fā)起get請(qǐng)求的語法:


代碼

<body>    <button id="btn1">發(fā)起get請(qǐng)求</button>    <script>document.querySelector("#btn1").addEventListener("click", function () {    let url = "http://www.liulongbin.top:3006/api/get";    axios.get(url, { params: { name: "xiaoxie", age: "20" } }).then(function (res) {console.log(res.data);    })})    </script></body>

axios發(fā)起POST請(qǐng)求

axios發(fā)起post請(qǐng)求的語法

 <button id="btn2">發(fā)起post請(qǐng)求</button>  document.querySelector("#btn2").addEventListener("click", function () {    let url = "http://www.liulongbin.top:3006/api/post";    axios.post(url, { name: "xiaoxie", age: "20" }).then(function (res) {console.log(res.data);    })})

直接使用axios發(fā)起get請(qǐng)求

axios也提供了類似于Jquery中$.ajax()的函數(shù),語法如下:

<body>    <button id="btn3">發(fā)起ajax請(qǐng)求</button>    <script>document.getElementById("btn3").addEventListener("click", function () {    let url = "http://www.liulongbin.top:3006/api/get";    let paramsData = {name: "xiaoxie",age: 20    }    axios({method: "get",url: url,params: paramsData,    }).then(function (res) {    console.log(res.data);}    )})    </script></body>

直接使用axios發(fā)起post請(qǐng)求

<body>    <button id="btn4">發(fā)起ajax post請(qǐng)求</button>document.getElementById("btn4").addEventListener("click", function () {    let url = "http://www.liulongbin.top:3006/api/post";    let paramsData = {name: "xiaoxie",age: 20    }    axios({method: "post",url: url,data: paramsData,    }).then(function (res) {    console.log(res.data);}    )})    </script></body>

到此這篇關(guān)于如何通過axios發(fā)起Ajax請(qǐng)求的文章就介紹到這了,更多相關(guān)axios發(fā)起Ajax請(qǐng)求內(nèi)容請(qǐng)搜索以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持!

標(biāo)簽: Ajax
相關(guān)文章:
主站蜘蛛池模板: 固诺家居-全屋定制十大品牌_整体衣柜木门橱柜招商加盟 | 排烟防火阀-消防排烟风机-正压送风口-厂家-价格-哪家好-德州鑫港旺通风设备有限公司 | 色油机-色母机-失重|称重式混料机-称重机-米重机-拌料机-[东莞同锐机械]精密计量科技制造商 | 激光内雕_led玻璃_发光玻璃_内雕玻璃_导光玻璃-石家庄明晨三维科技有限公司 激光内雕-内雕玻璃-发光玻璃 | 防渗膜厂家|养殖防渗膜|水产养殖防渗膜-泰安佳路通工程材料有限公司 | 海外整合营销-独立站营销-社交媒体运营_广州甲壳虫跨境网络服务 焊管生产线_焊管机组_轧辊模具_焊管设备_焊管设备厂家_石家庄翔昱机械 | 铝箔袋,铝箔袋厂家,东莞铝箔袋,防静电铝箔袋,防静电屏蔽袋,防静电真空袋,真空袋-东莞铭晋让您的产品与众不同 | 鲁尔圆锥接头多功能测试仪-留置针测试仪-上海威夏环保科技有限公司 | 绿萝净除甲醛|深圳除甲醛公司|测甲醛怎么收费|培训机构|电影院|办公室|车内|室内除甲醛案例|原理|方法|价格立马咨询 | 无硅导热垫片-碳纤维导热垫片-导热相变材料厂家-东莞市盛元新材料科技有限公司 | 气动隔膜泵-电动隔膜泵-循环热水泵-液下排污/螺杆/管道/化工泵「厂家」浙江绿邦 | 砍排机-锯骨机-冻肉切丁机-熟肉切片机-预制菜生产线一站式服务厂商 - 广州市祥九瑞盈机械设备有限公司 | 电缆接头-防爆电缆接头-格兰头-金属电缆接头-防爆填料函 | 金库门,金库房,金库门厂家,金库门价格-河北特旺柜业有限公司 | 强效碱性清洗剂-实验室中性清洗剂-食品级高纯氮气发生器-上海润榕科学器材有限公司 | 振动时效_振动时效仪_超声波冲击设备-济南驰奥机电设备有限公司 北京宣传片拍摄_产品宣传片拍摄_宣传片制作公司-现像传媒 | 郑州外墙清洗_郑州玻璃幕墙清洗_郑州开荒保洁-河南三恒清洗服务有限公司 | 【北京写字楼出租_写字楼租赁_办公室出租网/出售】-远行地产官网 | 进口便携式天平,外校_十万分之一分析天平,奥豪斯工业台秤,V2000防水秤-重庆珂偌德科技有限公司(www.crdkj.com) | 3d打印服务,3d打印汽车,三维扫描,硅胶复模,手板,快速模具,深圳市精速三维打印科技有限公司 | 压砖机、液压制砖机、静压砖机、环保砖机生产厂家—杜甫机械 | 盘煤仪,盘料仪,盘点仪,堆料测量仪,便携式激光盘煤仪-中科航宇(北京)自动化工程技术有限公司 | 聚天冬氨酸,亚氨基二琥珀酸四钠,PASP,IDS - 远联化工 | 胜为光纤光缆_光纤跳线_单模尾纤_光纤收发器_ODF光纤配线架厂家直销_北京睿创胜为科技有限公司 - 北京睿创胜为科技有限公司 | 山东集装箱活动房|济南集装箱活动房-济南利森集装箱有限公司 | 步进_伺服_行星减速机,微型直流电机,大功率直流电机-淄博冠意传动机械 | 专业广州网站建设,微信小程序开发,一物一码和NFC应用开发、物联网、外贸商城、定制系统和APP开发【致茂网络】 | 闪蒸干燥机-喷雾干燥机-带式干燥机-桨叶干燥机-[常州佳一干燥设备] | 折弯机-刨槽机-数控折弯机-数控刨槽机-数控折弯机厂家-深圳豐科机械有限公司 | 新中天检测有限公司青岛分公司-山东|菏泽|济南|潍坊|泰安防雷检测验收 | 玻璃钢型材_拉挤模具_玻璃钢拉挤设备——滑县康百思 | 恒温水槽与水浴锅-上海熙浩实业有限公司 | 磷酸肌酸二钠盐,肌酐磷酰氯-沾化欣瑞康生物科技 | 超声波成孔成槽质量检测仪-压浆机-桥梁预应力智能张拉设备-上海硕冠检测设备有限公司 | 球形钽粉_球形钨粉_纳米粉末_难熔金属粉末-广东银纳官网 | LED太阳能中国结|发光红灯笼|灯杆造型灯|节日灯|太阳能灯笼|LED路灯杆装饰造型灯-北京中海轩光电 | 【孔氏陶粒】建筑回填陶粒-南京/合肥/武汉/郑州/重庆/成都/杭州陶粒厂家 | 工作心得_读书心得_学习心得_找心得体会范文就上学道文库 | 正压密封性测试仪-静态发色仪-导丝头柔软性测试仪-济南恒品机电技术有限公司 | 英国雷迪地下管线探测仪-雷迪RD8100管线仪-多功能数字听漏仪-北京迪瑞进创科技有限公司 | 考勤系统_考勤管理系统_网络考勤软件_政企|集团|工厂复杂考勤工时统计排班管理系统_天时考勤 |