发表于: 2017-05-06 18:05:43
1 1087
今天完成的事:1,学习了angularjs http知识,并成功返回信息
app.controller("myCrol",function($scope,$http,jsonToStr){
$scope.Login=function(){
var data={name:$scope.User,pwd:$scope.passWord,};
$http({
url: '/carrots-admin-ajax/a/login',
method: 'POST',
data: jsonToStr.transform(data),//对提交的数据格式化
headers: {
'Accept': '*/*',
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
}
}).then(function successCallback(response){
var aaa=response.data;
if (aaa.message==="success"){
window.location.href="#!/two";
}else{
document.getElementById("tips").innerHTML=aaa.message
}
},function errorCallback(response){
alert("Request was unsuccessful:"+response.statusText );
})
}
})
这里遇到一个问题:单纯的发送请求数据,后台收不到,那是因为前后台关于参数的格式没有统一,解决方法就是要么改后端代码,要么改前端数据的格式,在网上找到其他人新建的服务可以解决
app.service('jsonToStr',function(){
this.transform = function(jsonData){
var string = '';
for(str in jsonData){
string = string + str +'=' + jsonData[str] +'&';
}
var _last = string.lastIndexOf('&');
string = string.substring(0,_last);
return string;
};
});
注入到控制器,这样就可以成功的得到返回数据了。。
2,学习了angular双向绑定,angular指令ng-model
并对登录页的两个input框添加ng-model进行双向绑定
3,对登录页的button添加ng-click事件,当点击时,获取双向绑定后的数据,并用$http请求登录接口
明天计划的事:学习angular表单验证,
继续编写列表页
遇到的问题:后台收不到请求,按照别人的方法解决了,但感觉没完全理解,明天再看看
收获:对$http有了理解,对双向绑定有了认识
评论