AngularJS:处理具有相同输入名称的值
AngularJS : Handling value with same input name
我是AngularJS的新手,想做表单ajax提交。我需要一些帮助或指导如何通过相同的输入名称(例如用户名[])的值与$http工作。使用PHP/MYSQL作为JSON的后端辅助。
<!DOCTYPE html>
<html>
<head>
<title>Testing</title>
</head>
<body ng-app="myApp">
<div ng-controller="tableController as tblCtrl">
<table>
<thead>
<tr>
<th>No</th>
<th>Username</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="row in rows">
<td>{{ $index + 1 }}</td>
<td><input type="text" name="{{ row.iuname }}" placeholder="{{ row.iumask }}"></input></td>
<td><input type="text" name="{{ row.iename }}" placeholder="{{ row.iemask }}"></input></td>
</tr>
</tbody>
</table>
<button ng-click="addRow()">Add Row</button>
<button ng-click="addUsers()">Save</button>
</div>
<script src="angular.min.js"></script>
<script src="app.js"></script>
</body>
</html>
JS:
var app = angular.module('myApp', []);
app.controller('tableController', ['$scope', function($scope, $http) {
$scope.rows = [{iumask:'Username',iuname:'username[]',iemask:'Email',iename:'uemail[]'}];
$scope.addRow = function() {
$scope.rows.push({iumask:'Username',iuname:'username[]',iemask:'Email',iename:'uemail[]'});
$scope.iuname = '';
$scope.iename = '';
}
$scope.iuname = "";
$scope.addUsers = function(){
}
}]);
这样就可以使用post请求将用户列表发送到服务器
var inputContent=[];
$scope.addValue=function(data){
inputContent.push(data);
}
$scope.submit=function(){
var promise=$http({
method : 'POST',
url : serviceUrl+"/userList",
data : $.param(inputContent), // pass in data as strings
headers : { 'Content-Type': 'application/x-www-form-urlencoded' }
// set the headers so angular passing info as form data (not request payload)
});
promise.then(function(data){
alert(dat)
})
}
相关文章:
- 可以't让我的if语句处理js中的html表单输入
- 是否可以从输入处理程序中确定输入的类型
- 使用jquery删除输入框上的外部处理程序/库
- 如何在为表单输入分别处理$(this)和$时编写DRY代码
- 替代输入:基于按钮点击事件的文本更改处理程序
- 如何使用角度事件处理程序引用输入元素的值
- Html<输入模式>使用JavaScript处理-超过时失败
- 如何将多个参数传递给输入's onChange处理程序
- 如何使用 Angularjs 使流式处理更改输入中输入的文本
- 如何在jQuery中处理输入类型=文件的onchange事件
- 使用setTimeout可以在进行数据输入时推迟时间密集型处理
- onchange事件处理程序在输入时更改页面
- toggle函数不'不处理添加的输入
- 如何制作一个JavaScript函数,处理多组输入,以同样的方式进行数学处理
- Action.on('模糊')不't处理输入文本-jQuery 1.9+
- 当通过javascript而不是按键/复制/粘贴更新文本输入时使用的事件处理程序
- 如何处理 jQuery 中的数字输入更改
- 减少PHP中的内存消耗,同时通过PHP输入处理上传
- 在iOS8 Safari中,只读输入处理不正确
- 与数据库的连接以及与输入处理有关的离子问题