改为j在vue中使用的js正常post请求接口
时间: 2024-03-15 14:47:12 浏览: 41
vue实现的请求服务器端API接口示例
5星 · 资源好评率100%
在Vue中使用JS进行POST请求的代码如下:
```javascript
//首先引入axios库
import axios from 'axios';
//然后在代码中使用axios发送post请求
axios.post(commenUrl + '/ltd/department/findDepartmentsByOrgCode', departmentParam)
.then(function (response) {
//请求成功后的回调函数
var departData = response.data.data;
var htmlStr = '<option value="">请选择部门</option>';
for (var i = 0; i < departData.length; i++) {
var departName = departData[i].departName;
var departCode = departData[i].departCode;
htmlStr += '<option value="' + departCode + '">' + departName + '</option>'
}
$("#department").html(htmlStr);
})
.catch(function (error) {
//请求失败后的回调函数
console.log(error);
});
```
这里使用了Vue中推荐的axios库进行POST请求,使用then方法处理请求成功后的回调函数,使用catch方法处理请求失败后的回调函数。在请求成功后,将返回的数据中的部门信息遍历,将每个部门的名称和代码拼接成一个option标签,然后将这些标签添加到id为department的select标签中。
阅读全文