<input type="submit" value="Register" onclick="return validateMyForm();" />
$('#form').submit(function () {
$.ajax({
url: 'serverside.php',
type: 'post',
data: {
name: $('#name').val(),
username: $('#username').val(),
password: $('#password').val()
},
success: function (data) {
$('#form').hide();
$('#otherpart').show().html('Hi ' + data.name + '!');
}
});
return false;
});
<html ng-app>
<head>
<title>Teas</title>
<script type="text/javascript" src="angular.js"></script>
<script type="text/javascript" src="teas.js"></script>
</head>
<body>
<div ng-controller="TeasCtrl">
<ul>
<li ng-repeat="tea in teas">{{tea}}</li>
</ul>
</div>
</body>
</html>
function TeasCtrl ($scope) {
$scope.teas = [
'Black',
'Green',
'Oolong'
];
}
<div ng-controller="TeasCtrl"> <ul> <li ng-repeat="tea in teas" ng-click="order(tea)">{{tea}}</li> </ul> <h2>Ordered</h2> <ul> <li ng-repeat="order in ordered">{{order}}</li> </ul> </div>
...
function TeasCtrl ($scope) {
$scope.ordered = [];
$scope.teas = [
'Black',
'Green',
'Oolong'
];
$scope.order = function (tea) {
$scope.ordered.push(tea);
};
}
<html ng-app="TeaApp">
...
angular.module('TeaApp', ['appControllers']); angular.module('appControllers', []) .controller('TeasCtrl', ['$scope', function ($scope) {
$scope.teas = [ 'Black', 'Green', 'Oolong' ];
// ...
}]);
<html ng-app>
<head>
<title>Teas</title>
<script type="text/javascript" src="angular.js"></script>
<script type="text/javascript" src="teas.js"></script>
</head>
<body>
<div ng-controller="TeasCtrl">
<ul>
<li ng-repeat="(tea, price) in teas">
{{tea}}: {{price | currency}}
</li>
</ul>
</div>
</body>
</html>
function TeasCtrl ($scope) {
$scope.teas = {
'Black': '1.75',
'Green': '2',
'Oolong': '2.5'
};
}