1、在我们修改了url.js后,别人也修改了url.js,先把你的冲突代码剪切保存到一边
我们需要先把别人的代码pull下来,再在他的基础上加上你的代码。
2、jquery刷数据
data的加号问题,双引号是表示属性,单引号是刷数据,加号是字符串拼接
// 一打开就开始刷第一页的数据
$(function(){
/**
* 初始化提示信息、验证表单
*/
Pagination(1);
/**
* 分页
*/
$('#pageLimit').bootstrapPaginator({
currentPage: 1,//当前页面停留在那张页面上localStorage
size: "small",
bootstrapMajorVersion: 3,
alignment: "right",
numberOfPages: 5,//一共显示多少页
//pageDataCount 一共有多少页(必须写)
totalPages: $('.pageDataCount').val(),
itemTexts: function (type, page, current) {
switch (type) {
case "first": return "首页";
case "prev": return "<";
case "next": return ">";
case "last": return "末页";
case "page": return page;
}
},
onPageClicked: function (event, originalEvent, type, page) {
//有疑问,问一下学姐serializeObject()
var
form = $(".J_searchForm").serializeObject();
Pagination(page, form);
}
});
// /**
// * 分页刷数据
// */
function Pagination(page, extraData){
var
currentPage = page,
str = '',
data = {
pageNo: currentPage
};
console.log();
jQuery.extend(data, extraData);
$.ajax({
type: 'get',
url: '/mock/pc-admin-story-list-manage.json',
contentType: "application/x-www-form-urlencoded; charset=utf-8",
data: data, //JSON.stringify
dataType: "json",
success: function (rs) {
//看是否tbody为空
$('#J_template').empty();
if( rs.code == 0){
$('#pageLimit').bootstrapPaginator({
//得到总的页数
totalPages: rs.pageDataCount
});
//循环把每一行的数据刷出来
$.each(rs.list, function(index, item){
//通过data-的自定义属性来拿到每行刷的那个数据
str += '<tr data-id="'+ item.id +'" data-title="'+ item.title +'" data-content="'+ item.content +'" data-storyImage="'+ item.storyImage+'" data-publisher="'+ item.publisher +'" data-publishTime="'+ item.publishTime+'" class="tr_father">\
<td name="NoteNumber">'+ item.id+'</td>\
<td id="spot">'+ item.title+'</td>\
<td style="width:20px; overflow:hidden; text-overflow: ellipsis;white-space:nowrap; ">'+ item.content+'</td>\
<td id="spot"><a href="#" class="label-info J_addCouSee">查看详情</a></td>\
<td class="studentName"><img style="width:50px;height:50px;background-color:black"src="'+ item.storyImage+'"></td>\
<td class="studentName">'+ item.publisher+'</td>\
<td class="studentName">'+ item.publishTime+'</td>\
</tr>'
});
//把每行的数据加到tbody里面去
$('#J_template').append(str);
}else{
Alert('提示信息', '操作失败,返回参数不正确');
}
},
error: function (message) {
//Alert是jquery专用的alert,样式与传统的ale不同rt
Alert("提示信息", "请求发送失败。")
}
});
ChangeToSpot();
}
/*
添加评语并传递到后台
*/
//通过点击事件来进行添加、问问学姐J-add类的问题
$(document).on('click', '.J_add', function(e){
//通过点击事件,用target获得点击对象,用parents祖先函数获得到tr、用find找到子孙元素、用val()获取到select选中的值
var
buttonTarget=$(e.target),
tr = $(e.target).parents('tr'),
id = $(tr).attr('data-id'),
studentName=$(tr).attr('data-number'),
evaluationWord=$(tr).find("select").val(),
person;
if(evaluationWord==0){
Alert("请选择添加的评语");
}
else{
//改变按钮颜色,后台合页面后success里面去
buttonTarget.css("background-color", "#1AA094");
//保存对象进行传递
person = {
'id': id,
'studentName': studentName,
'evaluationWord': evaluationWord
};
$.ajax({
//去到url.js里面找到url和type
type: jQuery.url.studentEvaluation.evaluationAdd.type,
url: jQuery.url.studentEvaluation.evaluationAdd.url,
contentType: "application/x-www-form-urlencoded; charset=utf-8",
data: person, //JSON.stringify
dataType: "json",
success: function (rs) {
if( rs.code == 0){
buttonTarget.css("background-color", "#1AA094");
}else{
Alert('提示信息', '添加失败,服务器连接!错误');
}
},
error: function (message) {
$('#addOwner').modal('hide');
Alert('提示信息', '操作失败,请求失败!');
}
});
}
});
//新增的js函数
//超出的内容把它变为三个点
function ChangeToSpot(){
var fTable=$('#J_template');
var fTr=fTable.children();
var fTd=fTr.children(".spot");
fTd.each(function(){
var maxwidth=1;
if($(this).text().length>maxwidth){
$(this).text($(this).text().substring(0,maxwidth));
$(this).html($(this).html()+'…');
}
});;
}
//问学姐长虚线有快捷键吗
//下面开头function的括号
});
3、前后台合页面问题
network在点击具体的那个文件,具体的某个值,然后看到header我发他的
preview他发我的