爱智应用开发进阶一、1 RESTful 示例
RESTful 示例
EdgerOS 后端程序是基于 RESTful 风格的 Web 应用程序框架构建的, 支持 GET, POST, DELETE, HEAD, PUT 等 RESTful 各种请求方法。
安装导入
前端技术众多,开发者可根据自己意愿安装相应的 HTTP 插件,本教程目前采用的是 Vue 的 Axios 插件,通过 <script> 标签引入静态 js 文件, 如下:
<!--引入vue.js-->
<script src="./vue/vue.min.js"></script>
<!--引入vue.js axios插件-->
<script src="./vue/axios.min.js"></script>
GET 请求
下面程序是一个查询用户信息列表的简单例子:
getUsers: function () {
const auth = {
'edger-token': this.token,
'edger-srand': this.srand
};
axios
.get('/api/user', {}, {headers: auth})
.then(res =>{
console.log(res.body);
})
.catch(function (error) {
console.log(error);
});
}
后端处理 get 请求:
router.get('/api/user', function(req, res) {
res.json(
{
result: true,
message: 'success',
data: users
}
);
});
POST 请求
前端通过 post 请求,提交用户填写的个人信息:
addUser: function () {
const auth = {
'edger-token': this.token,
'edger-srand': this.srand
};
axios
.post('/api/user', { name: this.name, phone: this.phone }, {headers: auth})
.then(res => {
console.log(res.body);
})
.catch(function (error) {
console.log(error);
});
}
后端处理 post 请求:
router.post('/api/user', function(req, res) {
// 数据库或其他操作
res.json({
result: true,
message: 'success'
});
});
...全文
相关推荐
spring boot restful 接口示例项目
spring boot restful 接口示例项目,很详细,希望对大家有帮助。
restful接口示例代码
restful接口示例代码restful接口示例代码restful接口示例代码restful接口示例代码
开发RESTful WebService 示例
开发RESTful WebService 示例
JavaScript前端访问RESTFul服务器代码示例
本例是从前端,以Ajax的形式向豆瓣RESTFul服务器发起请求的简单示例。
springmvc restful风格示例 增删改查完整版
完整的IntelliJ IDEA项目,使用springmvc实现resrful风格的api,增删改次完整


