axios的get请求的两种方式

野性酷女 2022-11-06 10:56 228阅读 0赞

<div>

<el-button type="primary" @click="handleClick">获取服务端时间</el-button>

<el-row>

<el-col>

<el-table :data="datalist">

<el-table-column prop="employeeNo" label="Employee No"></el-table-column>

<el-table-column prop="employeeName" label="Employee Name"></el-table-column>

<el-table-column prop="age" label="Age"></el-table-column>

<el-table-column prop="sex" label="Sex"></el-table-column>

<el-table-column prop="position" label="Position"></el-table-column>

<el-table-column prop="createDate" label="Create Date"></el-table-column>

<el-table-column prop="isActive" label="Is Active"></el-table-column>

</el-table>

</el-col>

</el-row>

</div>

</template>

// import ElementUI from "element-ui";

// import "element-ui/lib/theme-chalk/index.css";

// export default \{

// data() \{

// return \{

// msg: 'this is get employeeinfo'

// \}

import axios from "axios"

export default \{

data() \{

return \{

datalist: \[\]

\},

methods:\{

handleClick(evt) \{

alert('begin')

let \_self = this;

axios

.get("http://localhost:5000/api/EmployeeInfo")

.then(function (response) \{

//debugger;

// console.log(response);

console.log("finish")

console.log(response)

let data = response.data;

for (let item of data) \{

item.sex = item.sex === 1 ? "man" : "woman";

item.isActive = item.isActive ? "yes" : "no";

item.createDate = new Date(item.createDate).toLocaleDateString();

\_self.datalist = data//response.data;

\})

.catch(function (error) \{

console.log('系统错误'+ error);

\});

\},

mounted() \{

let \_self = this;

alert('mount')

axios(\{

method: "get",

url: "http://localhost:5000/api/EmployeeInfo"

\})

.then((response) => \{

let data = response.data;

for (let item of data) \{

item.sex = item.sex === 1 ? "man" : "woman";

item.isActive = item.isActive ? "yes" : "no";

item.createDate = new Date(item.createDate).toLocaleDateString();

\_self.datalist = data;

\}).catch(function(error)\{

console.log('错误2' + error)

\})

</script>

</style>>

</style>

axios的get请求的两种方式

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 axios.get请求传参方式

相关 Vue使用axios进行get请求拼接参数的几种方式

相关 axios的get请求禁止缓存

相关 vue axios封装两种post请求方式

相关【Axios】axios的get请求和post请求的写法

相关 axios的get请求的两种方式

相关 axios 的请求方式

相关 axios的put两种调用方式

相关比较HTTP请求的两种方式：GET 和POST

相关 vue-封装axios的GET请求