会员订单列表（二）

最新推荐文章于 2023-01-29 12:42:52 发布

IT菇凉

最新推荐文章于 2023-01-29 12:42:52 发布

阅读量892

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery ASP.NET

本文链接：https://blog.youkuaiyun.com/u013214705/article/details/39696577

jQuery 同时被 2 个专栏收录

31 篇文章

订阅专栏

ASP.NET

27 篇文章

订阅专栏

这篇博客介绍了前端实现会员订单的各种操作，包括立即支付、确认收货、查看订单详情和物流查询，以及取消订单的功能。通过JavaScript函数处理不同操作的逻辑，如`CancelOrder`用于取消订单，`SureReceive`用于确认收货，并通过Ajax与后台交互更新订单状态。同时，展示了如何在后台绑定Repeater控件来显示订单列表。

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

前端：

操作项： <a href="#">立即支付</a>

)'><a>确认收货</a>

)'><a>物流查询</a>

)'> <a>取消订单</a>

确定取消订单： <input id="order_sureCancel" class="order_ok" type="button" value="确定" />

确定收货： <input id="order_sureGoods" class="order_ok" type="button" value="确定" />

JS:

//取消订单
CancelOrder: function (oId) {
$("#order_delete").css("display", "block");
//确认收货隐藏
$("#order_receiveGoods").hide();
//物流
$("#order_lookLogic").hide();

//确定取消
$("#order_sureCancel").click(function () {
//取消订单只需要改变订单状态，不可删除
AjaxMethod("Order", "CancelOrder", { OrderId: oId }, function (data) {
if (IsNullOrEmpty(data)) {
return;
}

if (data.result == 1) {
//取消成功隐藏弹出层、同时刷新收藏列表
$("#order_cancelOrder").hide();
$("#order_delete").hide();
$("#order_orderlist").find("#order_ListDD[data_oid='" + oId + "']").remove(); //把取消的订单从 Repeater 列表中删除
}
});
});
}, //取消订单

//确定收货
SureReceive: function (oId) {
$("#order_receiveGoods").css("display", "block");
//取消订单隐藏
$("#order_delete").hide();
//物流
$("#order_lookLogic").hide();

$("#order_sureGoods").click(function () {
//确认收货，改变订单状态
AjaxMethod("Order", "ConfirmRevice", { OrderId: oId }, function (data) {
if (IsNullOrEmpty(data)) {
return;
}

if (data.result == 1) {
$("#order_sureReceive").css("display", "none");
$("#order_receiveGoods").hide();
}
});
});
}, //确认收货

后台绑定　Repeater 控件列表数据

List<Order> productList = user.Order.ChildrensByObject(string.Empty, " DateTime DESC", 0, 0, out erMsg);
Repeater repeater = Page.Form.FindControl("order_AllLists") as Repeater;
repeater.DataSource = productList;
repeater.DataBind();