发表于: 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' }}
本地化日期格式化:
({{ today | date:'medium' }})Nov 19, 2015 3:57:48 PM
({{ today | date:'short' }})11/19/15 3:57 PM
({{ today | date:'fullDate' }})Thursday, November 19, 2015
({{ today | date:'longDate' }})November 19, 2015
({{ today | date:'mediumDate' }})Nov 19, 2015
({{ today | date:'shortDate' }})11/19/15
({{ today | date:'mediumTime' }})3:57:48 PM
({{ today | date:'shortTime' }})3:57 PM
年份格式化:
四位年份:({{ today | date:'yyyy' }})2015
两位年份:({{ today | date:'yy' }})15
一位年份:({{ today | date:'y' }})2015
月份格式化:
英文月份:({{ today | date:'MMMM' }})November
英文月份简写:({{ today | date:'MMM' }})Nov
两位数字月份:({{ today | date:'MM' }})11
一年中的第几个月份:({{ today | date:'M' }})11
日期格式化:
数字日期:({{ today | date:'dd' }})19
一个月中的第几天:({{ today | date:'d' }})19
英文星期:({{ today | date:'EEEE' }})Thursday
英文星期简写:({{ today | date:'EEE' }})Thu
小时格式化:
24小时制数字小时:({{ today | date:'HH' }})15
一天中的第几个小时:({{ today | date:'H' }})15
12小时制数字小时:({{ today | date:'hh' }})03
上午或下午的第几个小时:({{ today | date:'h' }})3
分钟格式化:
数字分钟数:({{ today | date:'mm' }})57
一个小时中的第几分钟:({{ today | date:'m' }})57
秒数格式化:
数字秒数:({{ today | date:'ss' }})48
一分钟中内的第几秒:({{ today | date:'s' }})48
毫秒数格式化:
毫秒数:({{ today | date:'sss' }})541
字符格式化:
上下午标识:({{ today | date:'a' }})PM
四位时区标识:({{ today | date:'Z' }})+0800
自定义日期格式化:
年月日:({{ today | date:'yyyy-MM-dd' }})2015-11-19
时分秒:({{ today | date:'HH:mm:ss.sss' }})15:57:48.541



对比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("你傻吧这都查不正确")
}
}
});





返回列表 返回列表
评论

    分享到