<!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="" id="form">
<label for="">账号<input v-model="login.zh" type="text" name="" id="" value="" /> </label> //双向绑定数据zh
<label for="">密码<input v-model="login.mm" type="password" name="" id="" value="" /></label> //双向绑定数据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