jquery:$.ajax() 复杂 完整例子

本文介绍了一个课件管理系统的前端实现细节,包括使用Ajax进行异步数据加载、页面分页及搜索功能。通过JavaScript和jQuery实现了课件信息的动态展示,并与后台进行交互获取课件数据。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

var makingCount = 0;
var pageCount = 0;
var pagesize = 6;
//处理制作中
function divmaking_click() {
//处理搜索(新增代码)
var hf_searchFlag = $("#<%=hfSearchFlag.ClientID %>");
var _searFlag = false;
if (hf_searchFlag.val() == "SearchTrue") {
_searFlag = true;
}
var start_date = $("#<%=ahf_StartDate.ClientID %>").val();
var end_date = $("#<%=ahf_EndDate.ClientID %>").val();
var coursewareName = $("#<%=coursewareName.ClientID %>").val();
$("#<%=txt_startTime.ClientID %>").val(start_date);
$("#<%=txt_endTime.ClientID %>").val(end_date);
var _coursewareName = "";
var _startDate = "";
var _endDate = "";
if (_searFlag) {
_coursewareName = coursewareName;
_startDate = start_date;
_endDate = end_date;

}

//处理制作中首页展示
var pageindex = 1;
$('#makingcount').html(pageindex);

var ss_table = "";

$.ajax({
type: "post",
url: "AjaxMaking.aspx",
data: {
"pageIndex": pageindex,
"pageSize": pagesize,
"IsPublish": 0,
"CoursewareName": _coursewareName,
"StartDate": _startDate,
"EndDate": _endDate,
"SearchFlag": _searFlag

},
success: function (data, textStatus) {
var j = eval(data);
$.each(j.count, function (i, item) {
makingcount = item.count;
//makingcount = 13;
var dd = parseInt(makingcount)

pageCount = Math.ceil(dd / pagesize);


});
$.each(j.data, function (i, item) {

ss_table += " <div class=\"btkuai\"><table>";
if (item.Url == "" || item.Url == null) {
ss_table += "<tr><th><img src=\"upload/2.png\" alt=\"暂无图片\" id=\" " + item.CoursewareId + "\" οnclick=\"CoursewarePreview(this)\"/></th>";
}
else {
ss_table += "<tr><th><img οnclick=\"CoursewarePreview(this)\" alt=\"暂无图片\" id=\"" + item.CoursewareId + "\" src=\"" + item.Url + "\"/></th>";
}

ss_table += "<td><h2>" + item.CoursewareName + "</h2>";
ss_table += "<h3><a href=\"#\" class=\"fenyuan\" id=\"" + item.CoursewareId + "\" οnclick=\"CoursewareRelease(this)\"><span>课件发布</span></a></h3>";
ss_table += "<h3><a href=\"Courseware/CourseFrame.aspx?CoursewareId=" + item.CoursewareId + "\" class=\"huangyuan\"><span>课件编辑</span></a></h3>";
ss_table += "</td></tr></table></div>";
});

$('#div_makingpagging').html(ss_table);
var flag = (pageindex + 1) > pageCount ? false : true;
if (flag == false) {
var btnNext = $('#_makingNext');
btnNext.attr("disabled", "disabled");
}

//在首页时,上一页按钮失效
var btnPrevious = $('#_makingPrevious');
btnPrevious.attr("disabled", "disabled");


},
complete: function (XMLHttpRequest, textStatus) {

//HideLoading();
},
error: function () {

//请求出错处理
}
});
}
AjaxMaking.aspx后台代码
public partial class AjaxMaking : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//Response.Write("[{ \"count\":\"" + count.ToString() + "\"}]");
//获取数据记录
Response.ContentType = "application/json";
List<ECoursewareInfo> eci =new List<ECoursewareInfo>();
int pageIndex = Convert.ToInt32(Request["pageIndex"]);
int pageSize = Convert.ToInt32(Request["pageSize"]);
int IsPublish = Convert.ToInt32(Request["IsPublish"]);
int vendorId = 1;
string coursewareName = "";
string startTime = "";
string endTime = "";
bool searchFlag = Boolean.Parse(Request["SearchFlag"]);
if (searchFlag)
{
coursewareName = Request["CoursewareName"];
startTime = Request["StartDate"];
endTime = Request["EndDate"];
}
int count= 0;
eci = CoursewareMakingPagging(pageIndex, pageSize, vendorId, coursewareName, startTime, endTime, IsPublish,ref count);
IsoDateTimeConverter timeConverter = new IsoDateTimeConverter();
timeConverter.DateTimeFormat = "yyyy'-'MM'-'dd' 'HH':'mm':'ss";
string result = JsonConvert.SerializeObject(eci, Formatting.Indented, timeConverter);
string countJson = "[{ \"count\":\"" + count.ToString() + "\"}]";
string ss = "{\"data\":"+result;
ss += ",\"count\":"+countJson;
ss += "}";
Response.Write(ss);


}
private List<ECoursewareInfo> CoursewareMakingPagging(int pageIndex, int pageSize, int vendorId, string coursewareName, string startTime, string endTime, int IsPublish, ref int count)
{

List<ECoursewareInfo> coursewareMaking = new List<ECoursewareInfo>();
ECoursewareBLL ecb = new ECoursewareBLL();
return ecb.GetECoursewareInfoPaggingList(pageIndex, pageSize, vendorId, coursewareName, startTime, endTime, IsPublish,ref count);

}
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值