发表于： 2017-05-20 21:39:43
2 937
今日所做：
1.使用http方法向服务器传递参数并接收数据：
$http({
method: 'post',
headers: {'Content-Type': 'application/x-www-form-urlencoded'},
url: 'carrots-admin-ajax/a/login',
//data:$.param(({name:$scope.idInput, pwd:$scope.passInput}))
params:{name:$scope.idInput, pwd:$scope.passInput}
}).then(function successCallback(x) {
// 请求成功执行代码
console.log(x.data);
if(x.data.code==0){
location.href="backstage.html"
}else{alert(x.data.message)}
}, function errorCallback(response) {
// 请求失败执行代码
alert("请稍等")
});2.其中在post方法中加headers很重要，即
'Content-Type': 'application/x-www-form-urlencoded'
是必须的
3.学习angular表单验证，angular表单验证最基本的功能是如果输入的数据不符合规则，
那么数据就无法提交，但是实际表单验证中，在提交之前，就需要有一系列的输入提示，
这就需要提前建好提示元素以及提示语言，然后配合ng-show方法，在输入数据符合提示
标准时，进行提示
4.后来听说ng-message比普通表单要好用，准备修改一下
明日计划：
使用ng-message进行表单验证
遇到的问题：
使用angular http传输数据的时候，网上说angular默认的数据传输格式是json格式，无需转换，
但是如果不把数据先进行序列化，就不能够将信息传过去，不知道是为什么？
这里卡了好久，后来得知使用jquery方法中的$.param（）方法先将数据进行序列化就可以了
还有个问题是用jquery的post方法不需要序列化，用js原生post方法也不需要序列化，为什么
angular的http传数据需要将数据序列化一下呢·······
今日收获：
学会了http传数据的方法
学习了基本的表单验证，ng-message还不太会用
返回列表
评论