onclick="create(this)"; function create(obj) { obj = $(obj); if (!obj.hasClass("selected")) { return true; } var orderItemMap = {}; var tr = $("input.cbx_select:checked").parents("tr.orderItem_info"); tr.each(function () { var key = $(this).find(".input_orderItem").attr("name"); orderItemMap[key] = $(this).find(".item_amount").children("input").val(); }); $.ajax({ url: "/tmall/orderItem", type: "PUT", data: { "orderItemMap": JSON.stringify(orderItemMap) }, traditional: true, success: function (data) { if (data.success) { location.href = "/tmall/order/create/byCart?order_item_list=" + data.orderItemIDArray; return true; } else { alert("购物车商品结算异常,请稍候再试!"); location.href = "/tmall/cart"; } }, beforeSend: function () { }, error: function () { alert("购物车商品结算异常,请稍候再试!"); location.href = "/tmall/cart"; } }); }

时间: 2024-02-14 11:32:36 浏览: 18
这段代码是一个 JavaScript 函数,其中 onclick 为 HTML 中的一个事件属性,表示当用户点击某个元素时会触发该函数。具体函数实现如下: 1. 首先,函数接收一个参数 obj,并将其转换为 jQuery 对象。 2. 然后,判断该元素是否具有 "selected" 类。如果没有,直接返回 true,不执行后续逻辑。 3. 如果具有 "selected" 类,则创建一个空对象 orderItemMap,用于存储订单项信息。 4. 遍历所有被选中的商品行(即选中了复选框的行),将每个商品的名称和数量存储到 orderItemMap 对象中。 5. 使用 Ajax 发送 PUT 请求到服务器的 "/tmall/orderItem" 地址,并将 orderItemMap 对象作为请求参数传递给服务器。 6. 如果请求成功,服务器会返回一个包含订单项 ID 的数组,该函数会将其作为参数,跳转到订单创建页面。如果请求失败,则弹出提示消息并跳转到购物车页面。 7. 在 Ajax 请求发送前和结束后,分别执行 beforeSend 和 success 回调函数。如果请求出错,则执行 error 回调函数。 总之,这段代码的作用是在用户点击结算按钮时,将购物车中选中的商品转换为订单项,并跳转到订单创建页面。
相关问题

handleOk () { const that = this this.$refs.modalForm.validate((valid) => { if (valid) { let obj if (!this.formData.module_id) { // 新增 obj = api.functionAdd(this.params) } else { // 单行编辑 obj = this.type !== '2' ? api.functionEdit(this.params) : api.functionCopy(this.params, this.params.module_id) } obj .then((res) => { if (res.success) { that.$message.success(res.message) that.$emit('ok', this.type) } else { that.$message.error(res.message) } }) .finally(() => { that.handleCancel() }) } }) },优化以上代码

你可以优化以上代码的部分。首先,你可以使用箭头函数的隐式返回来简化代码。在`then`和`finally`回调中,可以直接返回Promise对象,而不是将其赋值给`obj`变量。像这样: ```javascript handleOk() { this.$refs.modalForm.validate((valid) => { if (valid) { let obj; if (!this.formData.module_id) { // 新增 obj = api.functionAdd(this.params); } else { // 单行编辑 obj = this.type !== '2' ? api.functionEdit(this.params) : api.functionCopy(this.params, this.params.module_id); } return obj .then((res) => { if (res.success) { this.$message.success(res.message); this.$emit('ok', this.type); } else { this.$message.error(res.message); } }) .finally(() => { this.handleCancel(); }); } }); } ``` 此外,你可以使用箭头函数来绑定`that`变量。这样就不需要在函数内部创建`that`变量并赋值给`this`。只需直接使用`this`来访问组件实例。像这样: ```javascript handleOk() { this.$refs.modalForm.validate((valid) => { if (valid) { let obj; if (!this.formData.module_id) { // 新增 obj = api.functionAdd(this.params); } else { // 单行编辑 obj = this.type !== '2' ? api.functionEdit(this.params) : api.functionCopy(this.params, this.params.module_id); } return obj .then((res) => { if (res.success) { this.$message.success(res.message); this.$emit('ok', this.type); } else { this.$message.error(res.message); } }) .finally(() => { this.handleCancel(); }); } }); } ``` 最后,确保你在代码中使用合适的缩进和格式化,以提高可读性。

handerPersonList(list,result,type){ // 获取所有 收藏人员 数据Id let empIds = this.getPersonEmpId(this.latelyList); let arr = []; if(list && list.length > 0){ for(let item of list){ let obj = Object.assign({},item); obj.admin = util.combineName(item); obj.id = ''; obj.aId = ''; obj.bId = ''; obj.picSrc = item.picSrc || require('@/assets/common_images/person.jpg'); // 设置收藏 if(empIds.indexOf(obj.empId) > -1){ let latelyUser = this.latelyList.find(it=>it.empId == obj.empId); if(latelyUser){ obj.id = latelyUser.id; } obj.isCollect = true; } else{ obj.isCollect = false; } arr.push(obj); } } if(type && type == 'allUser'){ this.paginationuser.total = result.pageControllerInfo.totalRecordCount; this.$refs.userTable.bodyWrapper.scrollTop = 0; this.userdata = arr; }else{ this.orgPersonList = arr; this.pagination.total = result.pageControllerInfo.totalRecordCount; this.$refs.employeeTable.bodyWrapper.scrollTop = 0; } },

这段代码主要是用来处理收藏人员列表数据的。它接收三个参数,分别是 `list`,`result` 和 `type`。 首先,代码会使用 `getPersonEmpId` 函数获取所有收藏人员的 ID,然后对 `list` 数组进行遍历,对每个元素进行处理。处理后的每个元素会被添加一些属性,比如 `admin`,`id`,`aId`,`bId`,`picSrc` 和 `isCollect` 等。其中,`admin` 表示人员名称,`id` 表示收藏人员 ID,`aId` 和 `bId` 分别表示一级部门和二级部门的 ID,`picSrc` 表示人员头像,`isCollect` 表示人员是否被收藏。 如果 `empIds.indexOf(obj.empId) > -1`,则表示当前人员已被收藏。此时,代码会在 `latelyList` 中查找该人员并获取其 ID,然后将该 ID 赋值给 `obj.id`。最后,设置 `obj.isCollect` 为 `true`。 如果 `empIds.indexOf(obj.empId) < 0`,则表示当前人员未被收藏。此时,代码会将 `obj.isCollect` 设置为 `false`。 最后,如果 `type` 的值为 `allUser`,则将处理后的数据赋值给 `this.userdata`,否则赋值给 `this.orgPersonList`。

相关推荐

最新推荐

recommend-type

还在用if(obj!=null)做非空判断,带你快速上手Optional

主要介绍了还在用if(obj!=null)做非空判断,带你快速上手Optional,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
recommend-type

three.js加载obj模型的实例代码

three.js是一款webGL框架,由于其易用性被广泛应用。接下来通过本文给大家分享three.js加载obj模型的实例代码,需要的朋友参考下吧
recommend-type

three.js obj转js的详细步骤

js格式的模型文件是three.js中可以直接加载的文件。使用THREE.JSONLoader()直接加载,而不需要引用其它的loader插件。
recommend-type

智能制造的数字化工厂规划qytp.pptx

智能制造的数字化工厂规划qytp.pptx
recommend-type

zigbee-cluster-library-specification

最新的zigbee-cluster-library-specification说明文档。
recommend-type

管理建模和仿真的文件

管理Boualem Benatallah引用此版本:布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学,1996年。法语。NNT:电话:00345357HAL ID:电话:00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆,用于存放和传播科学研究论文,无论它们是否被公开。论文可以来自法国或国外的教学和研究机构,也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
recommend-type

实现实时数据湖架构:Kafka与Hive集成

![实现实时数据湖架构:Kafka与Hive集成](https://img-blog.csdnimg.cn/img_convert/10eb2e6972b3b6086286fc64c0b3ee41.jpeg) # 1. 实时数据湖架构概述** 实时数据湖是一种现代数据管理架构,它允许企业以低延迟的方式收集、存储和处理大量数据。与传统数据仓库不同,实时数据湖不依赖于预先定义的模式,而是采用灵活的架构,可以处理各种数据类型和格式。这种架构为企业提供了以下优势: - **实时洞察:**实时数据湖允许企业访问最新的数据,从而做出更明智的决策。 - **数据民主化:**实时数据湖使各种利益相关者都可
recommend-type

解释minorization-maximization (MM) algorithm,并给出matlab代码编写的例子

Minorization-maximization (MM) algorithm是一种常用的优化算法,用于求解非凸问题或含有约束的优化问题。该算法的基本思想是通过构造一个凸下界函数来逼近原问题,然后通过求解凸下界函数的最优解来逼近原问题的最优解。具体步骤如下: 1. 初始化参数 $\theta_0$,设 $k=0$; 2. 构造一个凸下界函数 $Q(\theta|\theta_k)$,使其满足 $Q(\theta_k|\theta_k)=f(\theta_k)$; 3. 求解 $Q(\theta|\theta_k)$ 的最优值 $\theta_{k+1}=\arg\min_\theta Q(
recommend-type

JSBSim Reference Manual

JSBSim参考手册,其中包含JSBSim简介,JSBSim配置文件xml的编写语法,编程手册以及一些应用实例等。其中有部分内容还没有写完,估计有生之年很难看到完整版了,但是内容还是很有参考价值的。
recommend-type

"互动学习:行动中的多样性与论文攻读经历"

多样性她- 事实上SCI NCES你的时间表ECOLEDO C Tora SC和NCESPOUR l’Ingén学习互动,互动学习以行动为中心的强化学习学会互动,互动学习,以行动为中心的强化学习计算机科学博士论文于2021年9月28日在Villeneuve d'Asq公开支持马修·瑟林评审团主席法布里斯·勒菲弗尔阿维尼翁大学教授论文指导奥利维尔·皮耶昆谷歌研究教授:智囊团论文联合主任菲利普·普雷教授,大学。里尔/CRISTAL/因里亚报告员奥利维耶·西格德索邦大学报告员卢多维奇·德诺耶教授,Facebook /索邦大学审查员越南圣迈IMT Atlantic高级讲师邀请弗洛里安·斯特鲁布博士,Deepmind对于那些及时看到自己错误的人...3谢谢你首先,我要感谢我的两位博士生导师Olivier和Philippe。奥利维尔,"站在巨人的肩膀上"这句话对你来说完全有意义了。从科学上讲,你知道在这篇论文的(许多)错误中,你是我可以依