发表于： 2017-04-22 23:42:01
1 1092
今天完成的事
学习了angualr $http
$http的使用方式和jquery提供的$.ajax操作比较相同，get、post、put、delete等
在controller中可通过与$scope同样的方式获取$http对象,e.g. function controller($scope,$http){}
config为一个JSON对象，其中主要包含该请求的url、data、method等，如{url:"login.do",method:"post",data:{name:"12346",pwd:"123"}}
params {key,value} 请求参数，将在URL上被拼接成？key=value
data {key,value} 数据，将被放入请求内发送至服务器
success为请求成功后的回调函数，error为请求失败后的回调函数
dome
<!DOCTYPE HTML> <html > <head> <meta charset="UTF-8">
<title>CSSClasses</title>
<script src="angular.min.js" type="text/javascript"></script>
<script type="text/javascript">
function ctrl($http,$scope){ $scope.login = function(user){ $http.post("login.do",user).success(function(data, status, headers, config){ alert("success"); }).error(function(data, status, headers, config){ alert("error"); }) } $scope.login1 = function(user){ $http({url:"login.do",data:user}).success(function(data, status, headers, config){ alert("success"); }).error(function(data, status, headers, config){ alert("error"); }) } } </script> </head> <body ng-app> <div ng-controller="ctrl"> <form name="loginFm"> Name:<input ng-model="user.name" /> pwd: <input ng-model="user.pwd" /> <input type="button" value="login" ng-click="login(user)" /> <input type="button" value="login1" ng-click="login1(user)" /> </form> </div> </body> </html>
明天计划
礼拜天 休息半天 看一波秦时明月
完善下任务7
遇到的问题
暂无
收获
学会了使用$HHTPA请求
返回列表
评论