vue 使用axios 发送表单数据
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="js/axios.min.js" type="text/javascript" charset="utf-8"></script> //引入 vue 和axios
<body>
<form action="" >
<label for="">账号<input v-model="login.zh" type="text" name="" > //双向绑定数据mm
<input v-on:click="dj" type="button" value="提交" /> //添加 click事件
</form>
<script type="text/javascript">
new Vue({
el: '#form',
data: {
login:{mm: '',
zh: ""}
},
methods: {
dj: function() {
console.log(this.login) ////返回的是一个包含很多内容东西的对象 里边还有不想要的东西
var obj=JSON.stringify(this.login) ////JSON.stringify（）JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。 为了清除不想要的东西
console.log(obj)
axios.post('/user',obj)
.then(function() {
console.log(response);
})
.catch(function(error) {
console.log(error);
});
}
}
})
</script>
</body>
</html>
--------------
总结
axios 发送数据 的方法
get 方法
axios.get('/user?)
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
post 方法
axios.post('/user', {
firstName: 'Fred',
lastName: 'Flintstone'
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
相关推荐
Vue axios 中提交表单数据，含上传文件
http://www.jb51.net/article/118051.htm
时间：2023-11-04 10:40
