Ajax（第三方模块）

真正做项目时候很少使用自己封装的ajax方法，可以使用第三方模块来直接请求第三方数据。

下载Axios （是Ajax的第三方模块，封装好了一些ajax的方法）（cnpm install axios）（因为是前端模块不写--save添加依赖了），把axios.js文件拷贝出来，需要引入模板html文件中。

后台程序跟增删改查的一样（Ajax（一）中的）

一、用ajax来实现数据的增删改查

 //返回值是一个promise对象(promise对象想获取到数据用then方法)

在模板中加入增删改查按钮，然后引入axios.js文件。

请求数据：axios.get('/fruits').then(res => {   //res回调函数res是响应的内容

                         console.log (res.data)       //获取到响应的数据

}

添加功能：axios.post('/fruits',{

         fruit:'草莓'

         }).then(res => {   //res回调函数res是响应的内容

                            console.log (res.data)       //获取到响应的数据

}

修改功能：

axios.put('/fruits/1',{

         fruit:'西瓜'

         }).then(res => {   //res回调函数res是响应的内容

                               console.log (res.data)         //获取到响应的数据

}

删除功能：

axios.delete('/fruits/0').then(res => {   //res回调函数res是响应的内容

                             console.log (res.data)         //获取到响应的数据

}

二、jQuery中的ajax方法

我们之前使用jQuery主要是用来操作DOM，其实jQuery也封装了Ajax方法。

（如果项目是基于jQuery开发的，jQuery中的Ajax方法可以完全替代Axios，但是如果项目并没有使用jQuery，那么使用Axios这种轻量级的Ajax库会更方便。）

下载jQuery（cnpm install jquery）,找到jQuery.js文件，拷贝到html文件中。

$.ajax({

        url:'/fruit',

        type:'get'

}).done(res => {   

console.log(res);

})

（注意：改前端html页面，服务器不会重启，服务器不重启，服务器内存的数据不会被清空）