<!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