前端调用后端定义的接口的几种方式
根据目前我的学习现在一共有三种使用方式,实际上就是在原生ajax的操作,只不过后面两种是进一步对原生ajax的封装
第一种:原生ajax,使用略,最麻烦的一种也是最基础的
第二种:使用jquery封装了一次的ajax: jQuery.get( url [, data ] [, success(data, textStatus, jqXHR) ] [, dataType ] ) 只是一个ajax功能的缩写,相当于: $.ajax({ url: url, data: data, success: success, dataType: dataType }); 其他方法见jQuery文档:https://www.jquery123.com/
第三种:使用vue插件axios,进一步封装j, 注意前两种:是基于dom的操作,只可以在浏览器中不可以在nodejs中使用,而axios可以在两种环境中使用 使用axios封装好的方法 axios(config) 例如:let ax = axios({ url:‘http://203.195.246.58:5588/category/findAll’, method: ‘GET’, // get请求参数放在params里 // params:{ id: 1, name:‘zhangsan’ }, // post请求参数放在data里 // data: { name: ‘张三’, age: 12} // data: qs.stringify({ name: ‘张三’, age: 12}) }) console.log(ax)
axios.request(config) axios.get(url[, config])