<!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.get('/user?ID=12345')
.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); });