活动地址:CSDN21天学习挑战赛
学习的最大理由是想摆脱平庸,早一天就多一份人生的精彩;迟一天就多一天平庸的困扰。各位小伙伴,如果您:
想系统/深入学习某技术知识点…
一个人摸索学习很难坚持,想组团高效学习…
想写博客但无从下手,急需写作干货注入能量…
热爱写作,愿意让自己成为更好的人…
1,在页面中给元素添加事件语法:
1)使用元素的事件属性:onxxxx=“f()”
2)使用jquery对象:选择器.xxxx(function(){
//js代码
//this
});
*只能给固有元素添加事件
固有元素:当调用事件函数给元素添加事件时,如果元素已经生成,则这些元素叫做固有元素;
动态生成的元素:当调用事件函数给元素添加事件时,如果元素还没有生成,后来生成的元素叫做动态生成的元素。
3)使用jquery的on函数:父选择器.on(“事件类型”,子选择器,function(){
//js代码
//this
});
父元素:必须是固有元素,可以直接父元素,也可以是间接父元素.
原则固有父元素范围越小越好.
事件类型:跟事件属性和事件函数一一对应。
子选择器:目标元素,跟父选择器构成一个父子选择器
*不但能给固有元素添加事件,还能够给动态生成的元素添加事件。
js中截取字符串
str.substr(startIndex, length); 从下标为startIndex的字符开始截取,截取length个字符
str.substring(startIndex, endIndex); 从下标为startIndex的字符开始截取,截取到下标endIndex
var str = “beijing”;
str.substr(2,3); // iji
str.substring(2,3); // ij
data数据格式
ajax向后台发送请求时,可以通过data提交参数,data的数据格式有三种格式:
1.data:{
k1:v1,
k2:v2,
k3:v3
}
只能向后台提交一个参数名对应一个参数值的数据,
不能向后台提交一个参数名对应多个参数值的数据,
优势:功能少
劣势:操作简单,只能向后台提交字符串
2.data:k1=v1&k2=v2&
不但能够向后台提交一个参数名对应一个参数值的数据,
还能向后台提交一个参数名对应多个参数值的数据,
优势:功能强大
劣势:操作麻烦,只能向后台提交字符串
3.data:FormData对象
优势:不但能提交字符串数据,还能提交二进制数据
劣势:操作更复杂
演示分页查询市场活动的过程:
1,queryActivityByConditionForPage(1,10)
|->把pageNo,pageSize和查询条件一起发送到后台,查询数据
|->data
|->activityList:遍历list,显示列表
|->totalRows:调用工具函数,显示翻页信息
2,当用户切换页号或者每页显示条数时:pageNo,pageSize
|->翻页信息会自动变化
|->手动刷新列表:
|->把pageNo,pageSize和查询条件一起发送到后台,查询数据
|->data
|->activityList:遍历list,显示列表
|->totalRows:调用工具函数,显示翻页信息