发表于: 2016-07-22 00:42:32
0 2235
今天完成的事:
实现task5的添加和查询功能
明天要做的事:
完成task5
遇到的问题:
1在angular中通过$http的post方法时需要
$http({
method:'post',
url:"/a/student",
headers: {'Content-Type': 'application/x-www-form-urlencoded'},
data: $scope.ll,
transformRequest: function(data, headersGetter) {
return $.param(data);
}
1.
transformRequest
2.
headers: {'Content-Type': 'application/x-www-form-urlencoded'},
的格式
提交后的数据格式是formdata形式
2.angular中时间戳转换成日期的格式
{{a.createAt | date:'yyyy-MM-dd HH:mm:ss' }}
对比jq的时间戳转换格式
var times = new Date(student[i].createAt);
$(".content_bottom>.content_top>.time").eq(i).html(
times.getFullYear() + "年" +
(times.getMonth()+1) + "月" +
times.getDate() + "日"+
times.getHours()+"时"+
times.getMinutes()+"分"+
times.getSeconds()+"秒"
会简洁很多,需要注意的是月份getmonth处需要+1
3.查询具体学生页面在angular中是ui-serf传参
<tr ng-repeat="a in students track by $index " ui-sref="detail({id:a.id})">
先ng-repeat循环输出对象 添加链接ui-sref 带参 id:a.id(这是读出数组a中的id的值付给冒号前面的id)
然后再route.js中跳转页面处加上
url: '/detail?id',
最后网页上显示的格式
传递成功
对比jquery的url传参
首先获取要传递的id 在传递页面地址的后面加上 +id
$(".content_top").click(function(){
var id=($(this).children()[0]).innerHTML;
location.href="5-3.html?"+id;});
然后在传递到的页面中先去解析url中的id 并获取出来
function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
}
return str;
}
var url=GetRequest();
console.log(url)
再请求的过程中带上刚才解析的id(这里最后是url) 下图中的+url
$.ajax({
type: "GET",
url: "a/student/"+url,
dataType: 'JSON',
success: function (data) {
if (data.code === 200) {
console.log(data);
console.log(data.name);
$(".name").text(data.name);
}
else {
alert("你傻吧这都查不正确")
}
}
});
评论