怎么获取table表格里input框里的数据,保存后传给后台,我写的保存不到页面上,大概的思路是什么

img

img

终端能输出表格里面填写的信息,怎么获取table表格里input框里的数据,保存后传给后台,我写的保存不到页面上,大概的思路是什么

获取input框里面的数据,可以通过表单提交方式。
input框里面的name属性值和后台接收的参数名对应就行。

<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>helloVue</title>
<script type=”text/javascript” src=”vue.js”></script>
</head>
<body>
<div class=”helloVue”>
<ul>
<form @submit.prevent=”submit”>
<input type=”text” name=”name” v-model=”inputtext.name”>
<input type=”password” name=”password” v-model=”inputtext.password”>
<input type=”submit” value=”提交”>
</form>
</ul>
</div>
<script type=”text/javascript”>
var vm = new Vue({
el: ‘.helloVue’,
data(){
return{
inputtext:{}//表单input组
}
},
methods: {
submit: function() {
//在这里做ajax提交与服务端交互,获取表单的相关数据:this.inputtext  
console.log(this.inputtext);
}
},
})
</script>
</body>
</html>