Router路由笔记--传数据(前端工作)

全局信息管理的单个Router

以包装代码详情页面提交表单为例:

包装代码详情页面截图

代码: demo

首先给‘确定按钮’定义一个点击事件,因为是JQ的写法,所以我给按钮写上一个class类:editBarCodeBtn,然后在JS文件中对此类绑上事件,代码如下: 代码demo

即:此按钮,点击之后,会将id为barcode-edit-form的form表单,提交到action对应的路径中去(/goods/pack/editBarcode) 然后在router文件夹下面的view的文件夹中,找到index.js文件,加上代码: //包装代码详情 router.post('/goods/pack/editBarcode', pack.editBarcode); 相当于,拦截了button提交过来的请求路径,转移到pack.js文件中的editBarcode方法中去; 而在上方已经定义了, var pack = require("./goods/pack"); 那就继续,找到router文件夹下面的view的文件夹下面的goods文件夹下面的pack.js文件, 找到editBarcode方法: demo

editBarcode方法将请求进行处理之后,统一到options对象中, 然后调用PackService里面的editPackBarCode方法,command点击PackService,进入到/service/goodsPackService.js文件中去,在其中找到editPackBarCode方法(编辑包装条形码方法), options的内容依据就是在这里, demo

然后在下方,将editPackBarCode方法暴露出去; demo

然后返回到原来的pack.js文件中,调用该方法,正常继续即可

转载于:https://my.oschina.net/u/3502345/blog/1625027

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值