ajax与js无刷新分页,JS+Ajax+Jquery实现页面无刷新分页以及分组 超强的实现

最新推荐文章于 2022-11-24 10:34:10 发布
最新推荐文章于 2022-11-24 10:34:10 发布
阅读量325 收藏
点赞数
文章标签： 数据处理 表格展示 排序功能 分页 日期格式化
GroupText

var ecid = '100001';

var jpstr = "";

var pageSize = 8;

// -->

活动名称发送方接收方发送时间发送内容积分状态

height="100%">

width="100%" colSpan="10">

共0条记录   

目前第0 /0页   

首页

上一页下一页

尾页

Common.js

Common.js:

//时间格式化

function getDateByFormat(oldDate){

var Dy = oldDate.getFullYear();

var Dm = oldDate.getMonth()+1;

var Dd = oldDate.getDate();

if(Dm<10){

Dm = "0" + Dm;

}

if(Dd<10){

Dd = "0" + Dd;

}

var newDate = Dy+'-'+Dm+'-'+Dd;

return newDate;

}

//日期-时间格式化

function getDateTimeByFormat(oldDate){

var Dy = oldDate.getFullYear();

var Dm = oldDate.getMonth()+1;

var Dd = oldDate.getDate();

var Dh = oldDate.getHours();

var Dmi = oldDate.getMinutes();  

var Ds    = oldDate.getSeconds();   

if(Dm<10)

Dm = "0" + Dm;

if(Dd<10)

Dd = "0" + Dd;

if(Dh<10)

Dh = "0" + Dh;

if(Dmi<10)

Dmi = "0" + Dmi;

if(Ds<10)

Ds = "0" + Ds;

var newDate = Dy+'-'+Dm+'-'+Dd+' '+Dh+':'+Dmi+':'+Ds;

return newDate;

}

//只能输入数字

function txtnumber()

{

if ((event.keyCode >57) || (event.keyCode <48))

return false;else return true;

}

//只能输入数字和字母

function txtnumchar()

{ //65- 90 97-122

var kcode = event.keyCode;

if (kcode >= 48 && kcode <= 57)

return true;

else if(kcode >= 65 && kcode <= 90)

return true;

else if (kcode >= 97 && kcode <= 122)

return true;

else

return false;

}

getCommonTable.js

getCommonTable.js

//获取table头

function getTableHeadByWidth(widthSize,ids){

var Tableone = "

var Tabletwo = ">";

if (widthSize == "")

return Tableone + Tabletwo;

else

return Tableone+"width="+widthSize+Tabletwo;

}

//获取第一个tr td 传一个宽度值

function getTrAndTdFirstByCWidth(classname,widthSize){

var tdone = "

var tdtwo = ">

var tdthr = " > ";

if (classname =="")

tdone += tdtwo;

else

tdone+=" class ='"+classname+"' "+tdtwo;

if (widthSize == "")

tdone += tdthr;

else

tdone += " width="+widthSize+tdthr;

return tdone;

}

//获取下一个TD，传一个宽度值

function getTdNextByWidth(widthSize){

var tdone = " 

var tdtwo =">";

if (widthSize =="")

return tdone+tdtwo;

else

return tdone+"width="+widthSize+tdtwo;

}

//获取最后一个td

function getTdLastByWidth(widthSize){

var tdone = " 

var tdtwo =">";

if (widthSize =="")

return tdone+tdtwo;

else

return tdone+"width="+widthSize+tdtwo;

}

//获取最后一个tr/td

function getTrAndTdLast(){

return " 

";

}

//获取table尾

function getTableLast(){

return "

";

}

//获取img

function getImgByParams(imgUrl,altstr,eventName,eventParams,imgid){

         var one = "

if (imgUrl != "")

one += "src='"+imgUrl+"'";

if (altstr != "")

one += "alt='"+altstr+"'";

if(imgid != "")

one += "id='"+imgid+"'";

one += "οnclick='"+eventName+"("+eventParams+");'> ";

return one

}

//--------排序---------------------------

//通过字段的内容排序

SortByBtnidAndCellName=function(btnId,cellName,celltype){

var way =    getOpType(btnId);//0为正。1为倒

var ds = userdata.value;

var sortarr= new Array();

if ((ds!= null) && (typeof(ds) == "object")){

var len = ds.Rows.length;

if(celltype=='S' || celltype=='N'){

for(var j=0;j

sortarr[j] = ds.Rows[j][cellName];//.substr(0,1);//通过字符

}

}else if(celltype=='D'){

for(var i=0;i

sortarr[i] = getDateByFormat(ds.Rows[i][cellName]);//通过日期

}

}

if(sortarr!=''){

var indexarr = new Array();

indexarr = getSortArray(sortarr,celltype);//得到新的排序规则

if(indexarr != ''){

setSortAginbyWay(indexarr,way);

}

}

}

}

//获得排序

getOpType=function(btnid){//返回0正序，1为倒序

var imgName= $("#"+btnid).attr("src");

var wz = imgName.indexOf('.gif');

var oldImg =imgName.substr(wz-9,9);

if(oldImg=='sort_desc'){//当前是倒序或未排序,需要正序sort_ascc

$("#"+btnid).attr("src","../Images/sort_ascc.gif");

return 0;

}else{

$("#"+btnid).attr("src","../Images/sort_desc.gif");

return 1;

}

}

//按JS Sort排序 获得新的排序规则

getSortArray=function (sortdatearr,celltype){// 参数为array

var sortstr = '';

for(var k=0;k

if(sortstr=='')

sortstr=sortdatearr[k];

else

sortstr+='^%^'+sortdatearr[k];

}

var newsortdate =sortdatearr;

var len = sortdatearr.length;

if(celltype =='S' || celltype =='D')

newsortdate.sort();//字符排序

else{ //数字排序

for(var i=0;i

var tmp =0;

for(var j=i+1;j

if(newsortdate[i]>newsortdate[j]){

tmp = newsortdate[i];

newsortdate[i] = newsortdate[j];

newsortdate[j] =tmp;

}

}

}

}

var tmpsortdate =sortstr.split('^%^')

var resultarr = new Array();

for(var i = 0;i

for(var j = 0;j

if(newsortdate[i]==tmpsortdate[j]){

resultarr[i] = j;

tmpsortdate[j] ='||||||||';

break;

}

}

}

return resultarr;

};

//--------------------end-------------------------------

//删除重复的手机号码

SplitRepeatMobile=function(mobile){

var mob=mobile;

for(var i=0;i

for(var j=i+1;j

if(mob[i]==mob[j]){

mob.splice(j,1);

}

}

}

return mob;

}

GroupText.js

var totalCount;//总页

var userdata;//数据对象

$(document).ready(function(){

if(ecid !=""){

firstSearch(ecid);

}

$("#ddlCsList").change(function(){

ecid = $.trim($("#ddlCsList").val());

firstSearch(ecid);

});

$("#btnfirst").click(function(){

firstSearch(ecid);

});

$("#btnnext").click(function(){

nextSearch(ecid);

});

$("#btnpre").click(function(){

preSearch(ecid);

});

$("#btnlast").click(function(){

lastSearch(ecid);

});

$("#gotopg").click(function(){

gotoSearch(ecid);

});

});

//绑定数据

function binddata(udata)

{

jpstr ="";//这样的目的是清空,很有用的一步

var ds = udata.value;

if ((ds!= null) && (typeof(ds) == "object"))

{

//alert( ds.Rows[0].ItemName )

var c = ds.Rows.length;

var newarr = getdataarr(udata);

for(var k = 0; k

var tmp = newarr[k];

jpstr +="

uuu.gif "+ds.Rows[tmp].ItemName+""

var jpstrA="";

for(var i=tmp; i

{

if(ds.Rows[tmp].ItemName == ds.Rows[i].ItemName ){

jpstrA += getTrAndTdFirstByCWidth("dg_item","10%") +

""+ds.Rows[i].ItemName + getTdNextByWidth("10%") +

""+ds.Rows[i].SendMod + getTdNextByWidth("10%") +

""+ds.Rows[i].RecvMod + getTdNextByWidth("12%") +

""+getDateByFormat(ds.Rows[i].SendDate) + getTdNextByWidth("38%") +

""+ds.Rows[i].SendMsg + getTdNextByWidth("10%") +

""+ds.Rows[i].JfValue + getTdLastByWidth("10%") +

""+getTextByStatus(ds.Rows[i].SendStatus) +

"" + getTrAndTdLast();

}

}

jpstr +=getTableHeadByWidth("100%",ds.Rows[tmp].srId) + jpstrA + getTableLast();

jpstr += "

";

}

jpstr ="

";

document.getElementById("divcontent").innerHTML = jpstr;

//alert(jpstr);

}

else

{

document.getElementById("divcontent").innerHTML = "";

}

}

showOrHide=function(ids){

$("#tab"+ids).toggle();

var imgName= $("#"+ids).attr("src");

var wz = imgName.indexOf('.gif');

var oldImg =imgName.substr(wz-3,3);

if(oldImg=='uuu')//选择

$("#"+ids).attr("src","Images/eee.gif");

else{

$("#"+ids).attr("src","Images/uuu.gif");

}

}

function getdataarr(udata){

var ds = udata.value;

var resultArr= new Array();

var dsstr='';

for(var i=0; i

resultArr[i] = $.trim(ds.Rows[i].ItemName);

if(dsstr=='')

dsstr =$.trim(ds.Rows[i].ItemName);

else

dsstr+='^%^'+$.trim(ds.Rows[i].ItemName)

}

splitStr(resultArr)

var newArr = new Array();

var temparr=dsstr.split('^%^')

for(var k=0;k

for(var m=0;m

if(resultArr[k]==temparr[m]){

newArr[k]=m;

break;

}

}

}

return newArr;

}

splitStr= function(oldarr){

var nArr=oldarr;

var isok=false;

for(var l=0;l

for(var j=l+1;j

if(nArr[l]==nArr[j]){

nArr.splice(j,1);

isok=true;

}

}

}

if(isok)

splitStr(nArr);

}

function getTextByStatus(status){

if(status==0){

return "启用";

}else{

return "禁用";

}

}

function getImgByStatus(status){

if(status==0){

return "../Images/gz2.gif";

}else{

return "../Images/gz1.gif";

}

}

function getTxtByStatus(status){

if(status==0){

return "我要禁用";

}else{

return "我要启用";

}

}

//第一页

function firstSearch(ecid)

{

if (ecid != ""){

totalCount = Interactive.GetCmdSMSlogCount("1=1").value;

userdata = Interactive.PageingOpenCmdSMSLog(1,pageSize);//Interactive.getInteractiveSMSByEcid(ecid,pageSize,1,totalCount);

binddata(userdata);

$("#recordcount").html(totalCount.toString());//curpageindex

$("#curpageindex").html(totalCount==0?'0':1);

if (totalCount % pageSize ==0)

{

$("#pgcount").html((totalCount / pageSize).toString());

}else{

$("#pgcount").html(parseInt(totalCount / pageSize)+1);

}

}

}

//下一页

function nextSearch(ecid){

if (ecid != ""){

var curpg =$("#curpageindex").html();//得到当前页

var pgCount = $("#pgcount").html();//得到总的页数

if (curpg < pgCount){

totalCount = Interactive.GetCmdSMSlogCount('1=1').value;

userdata = Interactive.PageingOpenCmdSMSLog(parseInt(curpg)+1,pageSize);

binddata(userdata);

$("#recordcount").html(totalCount);//curpageindex

$("#curpageindex").html(parseInt(curpg)+1);

if (totalCount % pageSize ==0)

{

$("#pgcount").html(totalCount / pageSize);

}else{

$("#pgcount").html(parseInt(totalCount / pageSize)+1);

}

}else{

alert("当前已经是尾页了!");

}

}

}

//上一页

function preSearch(ecid){

if (ecid != ""){

var curpg =$("#curpageindex").html();//得到当前页

var pgCount = $("#pgcount").html();//得到总的页数

if (curpg > 1 ){

totalCount = Interactive.GetCmdSMSlogCount('1=1').value;

userdata = Interactive.PageingOpenCmdSMSLog(parseInt(curpg)-1,pageSize);

binddata(userdata);

$("#recordcount").html(totalCount);//curpageindex

$("#curpageindex").html(parseInt(curpg)-1);

if (totalCount % pageSize ==0)

{

$("#pgcount").html(totalCount / pageSize);

}else{

$("#pgcount").html(parseInt(totalCount / pageSize)+1);

}

}else{

alert("当前已经是首页了!");

}

}

}

//尾页

function lastSearch(ecid){

if (ecid != ""){

var curpg =$("#curpageindex").html();//得到当前页

var pgCount = $("#pgcount").html();//得到总的页数

if (curpg < pgCount ){

totalCount = Interactive.GetCmdSMSlogCount('1=1').value;

userdata = Interactive.PageingOpenCmdSMSLog(pgCount,pageSize);

binddata(userdata);

$("#recordcount").html(totalCount);//curpageindex

$("#curpageindex").html(pgCount);

if (totalCount % pageSize ==0)

{

$("#pgcount").html(totalCount / pageSize);

}else{

$("#pgcount").html(parseInt(totalCount / pageSize)+1);

}

}

}

}

//跳转指定页

function gotoSearch(ecid){

if (ecid != ""){

var curpg =$("#curpageindex").html();//得到当前页

var pgCount = $("#pgcount").html();//得到总的页数

var pggoto =$("#gototxt").val();

var reg = /[^\d]/g;

if (($.trim(pggoto) != "") && !(reg.test(pggoto))){

if ((parseInt(curpg) != parseInt(pggoto)) && (pggoto <= pgCount)){

totalCount = Interactive.GetCmdSMSlogCount('1=1').value;

userdata = Interactive.PageingOpenCmdSMSLog(pggoto,pageSize);

binddata(userdata);

$("#recordcount").html(totalCount);//curpageindex

$("#curpageindex").html(pggoto);

if (totalCount % pageSize ==0)

{

$("#pgcount").html(totalCount / pageSize);

}else{

$("#pgcount").html(parseInt(totalCount / pageSize)+1);

}

}

}else{

alert("请输入正确的数字!");

}

}

}

//刷新

function Refresh(ecid){

if (ecid != ""){

var curpg =$("#curpageindex").html();//得到当前页

totalCount = Interactive.GetCmdSMSlogCount('1=1').value;

userdata = Interactive.PageingOpenCmdSMSLog(curpg);

binddata(userdata);

$("#recordcount").html(totalCount);//curpageindex

$("#curpageindex").html(curpg);

if (totalCount % pageSize ==0)

{

$("#pgcount").html(totalCount / pageSize);

}else{

$("#pgcount").html(parseInt(totalCount / pageSize)+1);

}

}

}

GroupText.aspx.cs:

private void Page_Load(object sender, System.EventArgs e)

{

// 在此处放置用户代码以初始化页面

Ajax.Utility.RegisterTypeForAjax(typeof(DataAccess.Interactive));

}

Interactive.cs:

[Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)]

public DataTable PageingOpenCmdSMSLog(int pgindex,int pageSize)

{

int pageIndex=pgindex;

DataTable dt = new DataTable ();

JSONHelper json = new JSONHelper();

int count = GetCmdSMSlogCount("1=1");

dt = GetDataByPager2000("SendAndRecvData S left join InteractiveSMS I on (S.ItemId=I.Id AND S.ECID=I.ECID)","srId","1=1",pageSize,pageIndex,"srId",1,

"S.srId,I.ItemName,S.SendMod,S.RecvMod,S.SendDate,S.SendMsg,S.JfValue,S.SendStatus",count);

return dt;

}

[Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)]

public int GetCmdSMSlogCount(string where)

{

try

{

int count = ReturnSQL("select count(*) from SendAndRecvData S left join InteractCommand I on(S.ItemId=I.Id AND S.ECID=I.ECID) where "+where);

return count;

}

catch (Exception)

{

throw;

}

}

///

/// 分页获取数据列表 适用于SQL2000

///

/// 表名

/// 主键

/// 查询条件

/// 每页记录数

/// 页索引

/// 排序字段

/// 排序方式 1=ASC 0=DESC

/// 查找的字段

/// 总记录数

///

public static DataTable GetDataByPager2000(string tablename, string key, string where, int pagesize, int pageindex, string orderfield, int ordertype, string fieldlist, int recordcount)

{

string cmd = "ProcCustomPage";

SqlParameter[] para = new SqlParameter[9];

para[0] = new SqlParameter("@Table_Name", tablename);

para[1] = new SqlParameter("@Sign_Record", key);

para[2] = new SqlParameter("@Filter_Condition", where);

para[3] = new SqlParameter("@Page_Size", pagesize);

para[4] = new SqlParameter("@Page_Index", pageindex);

para[5] = new SqlParameter("@TaxisField", orderfield);

para[6] = new SqlParameter("@Taxis_Sign", ordertype);

para[7] = new SqlParameter("@Find_RecordList", fieldlist);

para[8] = new SqlParameter("@Record_Count", recordcount);

return ExecuteDataSet(CommandType.StoredProcedure, cmd, para).Tables[0];

}

public static DataSet ExecuteDataSet(CommandType cmdType, string cmdText, params SqlParameter[] para)

{

try

{

using (SqlConnection con = new SqlConnection(CONN_STRING))

{

SqlDataAdapter adapter = new SqlDataAdapter();

using (SqlCommand cmd = new SqlCommand())

{

DataSet ds = new DataSet();

PrepareCommand(con, cmd, cmdType, cmdText, para);

adapter.SelectCommand = cmd;

adapter.Fill(ds);

return ds;

}

}

}

catch(Exception ex)

{

string d=ex.ToString();

return null;

}

}

///

/// 建立SqlCommand

///

/// SqlConnection　对象

/// 要建立的Command

/// CommandType

/// 执行的SQL语句

/// 参数

private static void PrepareCommand(SqlConnection con, SqlCommand cmd, CommandType cmdType, string cmdText, SqlParameter[] cmdParms)

{

if (con.State != ConnectionState.Open)

con.Open();

cmd.Connection = con;

cmd.CommandType = cmdType;

cmd.CommandText = cmdText;

if (cmdParms != null)

foreach (SqlParameter para in cmdParms)

cmd.Parameters.Add(para);

}

Guosheng Hu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js无刷新分页
02-03
运行环境vs2010 利用js实现页面不刷新分页功能
JS+Ajax+Jquery实现页面无刷新分页以及分组 超强的实现第1/2页
10-29
这些函数会根据当前的页码和分组条件，向服务器发送GET或POST请求，然后将返回的数据插入到表格中，实现无刷新分页。 5. **分组功能**：数据分组通常涉及对数据进行排序和聚合，以便在显示时按照特定的属性（如活动...
js实现无刷新分页
最新发布
sosadtoday的博客
11-24 334
js无刷新分页
无刷新分页 jquery.pagination.js
热门推荐
porschev的专栏
01-04 3万+
采用Jquery无刷新分页插件jquery.pagination.js 实现无刷新分页效果   1.插件参数列表     http://www.dtan.so 2.页面内容：     Porschev----无刷新翻页 <!-- var pageIndex = 0
js+ajax 无刷新分页
zhudiwoaini的专栏
11-22 3966
我这个实现的是一个小页面显示7页。点击第七页的时候跳出7-14页。以此类推。因为这个页面实现的功能远比下面的方法多。所以我只是草草的删减了一些东西。虽然文章粗陋。，这毕竟是我自己的成长过程。毕竟是真实的我。我想留下的是思路。而不是代码。 歌曲列表           .onblurcss    {        background-color:#7
js分页(非无刷新)
11-12 81
每当以前看到网上类似的分页感觉很新奇很好看，于是自己也模仿做了一个(其实是项目中要用的，嘿嘿)。。。。 其实功能做起来确实很简单，主要思想就是根据当前总页数，在js中输出类似<a href='xxx/xxx.aspx?page=current&condition=condition'>current</a>的标签， 以下是css代码段，用于设...
ThinkPHP5.1+Ajax实现的无刷新分页功能示例
10-15
在本文中，我们将深入探讨如何使用ThinkPHP5.1框架和Ajax技术来实现无刷新分页功能，这是一种优化用户体验的有效方法，可以显著提升网站性能。首先，我们要理解无刷新分页的基本原理，它通过在不重新加载整个页面的...
PHP+Ajax实现的无刷新分页功能详解【附demo源码下载】
10-19
前端JS脚本接收到响应后，会将数据插入到页面的适当位置，实现无刷新分页。对于分页导航，可以添加更多的JS代码来处理用户点击分页链接的事件，调用`setPage()`函数更新内容。 请注意，实际项目中还需要考虑错误...
jQuery+Ajax实现无刷新分页
10-23
主要介绍了jQuery+Ajax实现无刷新分页，本文使用的生成分页的工具条是jquery.pagination.js，感兴趣的小伙伴们可以参考一下
js 无刷新分页代码
weixin_30458043的博客
07-15 78
/** * 分页事件处理 */function paging(){ $("#firstPage").click(function(){ //首页 var pageNo = getPage('pageNo'); if (pageNo == 1) { alert("已经是首页"); } else { ...
js无刷新分页代码
08-05
实用的JS无刷新分页代码。 新手适合使用
pagination.js无刷新实现分页
Fly_Cheng的博客
05-10 1084
1.引入 jquery.js(自行下载) jquery.pagination.js(自行下载) pager.js pagination.css(自行下载) pager.js文件 var pageCount = 0; //总页数 var pageIndex = 0; //页面索引初始值 var pageSize = 10; //每页显示条数初始化，修改显
jq分页 不刷新页面_jquery.pagination.js 无刷新分页实现步骤分享
weixin_39870132的博客
02-01 267
1.使用插件为 jquery.pagination.js ，如果没有这个js文件的话，我可以给发个。首先引用 jquery.pagination.js (分页js)，跟pagination.css(分页样式css)。2.页面js代码为var pageIndex = 0; //页面索引初始值var pageSize = 15; //每页显示条数初始化，修改显示条数，修改这里即可$(function ...
ajax无刷新分页脚本之家,js无刷新分页（原创）
weixin_42469546的博客
08-05 214
插件描述：只需要实例化一下，即可使用，附带了查询功能写法更新时间：2020-08-0700:24:53更新说明：重新打包错了，发布最新版。更新时间：2020-08-0120:19:49更新说明：将分页显示的文本，深一步的放在外部参数中，使用的时候更加灵活。修改了页面代码，供使用者更加方便的理解分页插件的调用，努力贴合用户业务。更新时间：2020-04-2700:47:50更新说明：将控件上显...
html5 ajax 分页,js+ajax如何实现分页组件
weixin_30616309的博客
07-03 281
js+ajax如何实现分页组件发布时间：2021-06-27 15:59:35来源：亿速云阅读：50作者：小新小编给大家分享一下js+ajax如何实现分页组件，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！具体内容如下1.定义分页组件DOM2.定义分页组件类及实例方法：//分页组件类functionPagination(_ref){this.id=_ref.id;//分...
jquery.pagination.js 实现无刷新分页
thebesttome的专栏
10-18 978
采用Jquery无刷新分页插件jquery.pagination.js 实现无刷新分页效果 原地转：http://blog.csdn.net/porschev/article/details/6114997 1.插件参数列表 2.页面内容：
JS无刷新分页插件
weixin_34185560的博客
02-26 84
本文介绍一个本人自己写的一JS分页插件 <script src="/Js/smart.page.min.js" type="text/javascript"></script> 页面JS调用，实例化带参数的函数 function pageplugin(pagesize, url, ext, async) 参数说明 pagesize：指定每页...
php和js实现无刷新分页,javascript - 如何实现ajax和js的无刷新分页效果
weixin_39862985的博客
03-18 150
实现ajax数据请求的分页效果：类似图片上！代码如何实现回复内容：实现ajax数据请求的分页效果：类似图片上！代码如何实现ajax请求某一页的数据，然后把表格清空，然后把新数据组成表格塞回去。1.css做出分页样式；2.监听事件，传递分页参数pageNo，在ajax回调里面写列表的重新拼装和渲染。思路就是触发分页事件的时候进行一次ajax请求，成功后更新表格就行了：ele.onclick = fu...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值