首页 > 其他分享 >axios和jquery封装ajax请求

axios和jquery封装ajax请求

时间:2022-08-27 16:24:12浏览次数:81  
标签:jquery function axios console log get res ajax

        //axios封装的ajax         //get方法返回值是一个promise方法         // document.querySelector('.get').onclick = function () {         //     axios.get('/fruits').then(res => {         //         console.log(res.data)         //     })         // }         //jquery封装的ajax         $('.get').click(function () {             $.ajax({                 url: '/fruits',                 type: 'get'             }).done(res => {                 console.log(res)             })         })         document.querySelector('.post').onclick = function () {             axios.post('/fruits', { fruit: '草莓' }).then(res => {                 console.log(res.data)             })         }         document.querySelector('.put').onclick = function () {             axios.put('/fruits/0', { fruit: '西巴' }).then(res => {                 console.log(res.data)             })         }         document.querySelector('.delete').onclick = function () {             axios.delete('/fruits/0').then(res => {                 console.log(res.data)             })         }

标签:jquery,function,axios,console,log,get,res,ajax
From: https://www.cnblogs.com/GFM0518/p/16630787.html

相关文章

  • 【前端】 第05回 JS操作与jQuery
    目录1.JS操作1.1JS获取用户输入1.2JS类属性操作1.3JS样式操作2.事件2.1事件理解2.2绑定事件的两种方式2.3事件中的关键字this2.4window.onload2.5校验用户输入案......
  • axios的content-type是自动设置的
    一. axios参数的传递方式  首先我们要知道 参数传递一般有两种,一种是使用 params,另一种是 data的方式,有很多的时候我们看到的前端代码是这样的。 1.......
  • day 22 JSONP及Axios
    JSONP及Axiosjsonp概述:JSONP是一种跨域解决方案,它主要是利用了script标签不受跨域影响的特性来完成对应的请求操作。实际上是一个get请求。什么叫跨域同源策略(属于浏览......
  • day 21 ajax
    Ajax协议http的协议(基于tcp/ip)请求的类型同步请求(上一个请求没完成不能进行其他操作)<ahref="http://www.baidu.com">去百度</a><ahref="http://www.wobo.com">......
  • Ajax
    协议使用:http的协议(基于tcp/ip)请求的类型同步请求(上一个请求没完成不能进行其他操作)<ahref="http://www.baidu.com">去百度</a><ahref="http://www.wobo.com">去......
  • JSONP及Axios
    JSONP及Axiosjsonp概述:JSONP是一种跨域解决方案,它主要是利用了script标签不受跨域影响的特性来完成对应的请求操作。(默认是一个get请求。)什么叫跨域同源策略(属于浏览器......
  • JS操作补充与jQuery的基本使用
    JS操作补充与jQuery的基本使用JS获取用户输入首先我们获取用户输入的时候会面临一个问题,就是我们其实如果将接受用户输入的放在上方的话那么就会因为是解释性语言从上至......
  • jQuery介绍、jQuery导入方式、基本使用
    目录jQuery(writelessdomore)jQuery的优势有了jQuery那我们还使用BOM与DOM吗?jQuery导入导入方式jQuery提供的CDN服务优点与缺点添加到自定义模板jQuery基本使用1.jQuary......
  • 2022-8-26第一组孙乃宇Jquery
    JqueryJS库:别人写好的JS文件,我们拿来直接用开发中,会引入很多的.js文件JQuery.js------濒临淘汰,经典。10%以下css库,bootstrap,layui,easyui。React.js-------30%市场......
  • js事件,jQuery,jQuery对象,jQuery选择器
    JS获取用户输入JS类属性操作JS样式操作JS事件JS常用事件绑定事件的方式this关键字window.onloadjQuery什么是jQuery(也叫jQuery类库)jQ......