小程序怎么把同名文件的前端数据(wxml)传送到后端(js)

把同名文件的前端数据(wxml)传送到后端(js)

{{list}}是后端(js)拿到前端的数据,这里经过for循环遍历每个item(子项),然后把他们的name和price拿出来用

data-name中,“data-” 是固定写法,name可以任意写,但貌似不支持大写字母
比如你可以写

data-hello
data-i
data-you
data-it


然后我们就可以在js文件的goDetail方法中这么拿到被点击的项的name数据
在这里插入图片描述
这里的e可以自己任意取名,比如可以叫event,最后的name是前面data-后边指定的名称(具体可以打印e来看)
这里如果传过来的数据不止一个用这种“data-set”方式进行传输的数据,都可以通过e.currentTarget.dataset.xx来获取。
如果使用e.currentTarget.dataset也可以直接获取传过来的所有数据的一个对象。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
下面是一个简单的微信小程序前端传递图片到flask后端的示例: 前端代码: ```html <!-- index.wxml --> <view class="container"> <button bindtap="chooseImage">选择图片</button> <image src="{{imageUrl}}" mode="aspectFit"></image> <button bindtap="uploadImage">上传图片</button> </view> ``` ```js // index.js Page({ data: { imageUrl: '' }, chooseImage() { wx.chooseImage({ success: (res) => { const tempFilePaths = res.tempFilePaths this.setData({ imageUrl: tempFilePaths[0] }) } }) }, uploadImage() { wx.uploadFile({ url: 'http://localhost:5000/upload', filePath: this.data.imageUrl, name: 'image', success: (res) => { wx.showToast({ title: '上传成功' }) }, fail: (res) => { wx.showToast({ title: '上传失败' }) } }) } }) ``` 后端代码: ```python # app.py from flask import Flask, request app = Flask(__name__) @app.route('/upload', methods=['POST']) def upload(): file = request.files['image'] file.save('image.jpg') return 'success' if __name__ == '__main__': app.run() ``` 在这个示例中,我们首先在前端使用`wx.chooseImage`选择一张图片,并将其保存在`imageUrl`变量中。然后,在点击“上传图片”按钮时,我们使用`wx.uploadFile`上传图片到服务器上的`/upload`路由。在后端,我们使用`request.files`获取上传的文件,并将其保存在服务器上。最后,我们返回一个简单的字符串表示上传成功。 需要注意的是,这个示例只是一个简单的演示,实际上在使用时还需要添加一些错误处理和安全检查。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值