发表于: 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有了理解,对双向绑定有了认识


返回列表 返回列表
评论

    分享到