美文网首页
动态表单提交数据

动态表单提交数据

作者: 泪滴在琴上 | 来源:发表于2020-08-10 09:29 被阅读0次
 isubmit() {
        // owner_id: wx.getStorageSync('ownerid'),
        // broadcast_id: wx.getStorageSync('broadcastid'),
        var obj = {};
        for (var i = 0; i < this.data.value.length; i++) {
            obj[this.data.value[i].key] = this.data.value[i].value
        };
        obj.owner_id = 1;
        obj.broadcast_id = 145;
        obj.mobile = '18792526925'
        wx.request({
            url: app.globalData.baseUrl + '/web/broadcast/broadcast/broadcast-add',
            method: 'POST',
            data: obj,
            header: {
                'Content-Type': 'application/json',
            },
            success: function(res) {
                var code = res.data.code;
                if (code == 0) {
                    wx.showToast({
                        title: "提交成功",
                    })
                    wx.redirectTo({
                        url: '/pages/tic/room_webview/room/room',
                        success: function(res) {},
                        fail: function(res) {},
                        complete: function(res) {},
                    })

                } else {
                    wx.showToast({
                        title: res.data.msg,
                    })
                }
            },
            fail: function(e) {
                util.progressTips('请求失败!');
            }
        })
    },

页面:

<view class="form">
        <van-cell-group>
          <block wx:for="{{field_info}}" wx:for-index="key"  wx:for-item="value">
            <van-field
            wx:if="{{value.fieldtype == 'text'}}"
            value="{{ value[key].value }}"
            placeholder="请输入"
            label="{{value.fieldlabel}}"
            border="{{ false }}"
            bind:change="onChange"
            data-attr="{{value.fieldname}}"
          />
          <view class="radioText" hover-class="none" hover-stop-propagation="false" wx:if="{{value.fieldtype == 'radio'}}">
            {{value.fieldlabel}}
          </view>
          <van-radio-group value="{{ radio }}" bind:change="onChange" wx:if="{{value.fieldtype == 'radio'}}" data-attr="{{value.fieldname}}" data-type="{{value.fieldtype}}">
            <van-radio name="{{item.optionid}}" checked-color="#5cdbd3" wx:for="{{value.value}}" wx:for-index="index"  wx:for-item="item">{{item.option}}</van-radio>
          </van-radio-group>
          
          <van-cell title="{{value.fieldlabel}}" is-link wx:if="{{value.fieldtype == 'select'}}" value="{{selectValue}}" data-value="{{value.value}}" bind:click="showSelectPopup" data-attr="{{value.fieldname}}"/>
          <van-cell title="{{value.fieldlabel}}" is-link wx:if="{{value.fieldtype == 'date'}}" bind:click="showDatePopup" value="{{currentDate}}" data-attr="{{value.fieldname}}"/>
          <van-field
            value="{{ value[key].value }}"
            label="{{value.fieldlabel}}"
            type="textarea"
            placeholder="请输入"
            autosize
            border="{{ false }}"
            wx:if="{{value.fieldtype == 'textarea'}}"
            bind:change="onChange"
            data-attr="{{value.fieldname}}"
          />
          </block>
        </van-cell-group>
        <van-popup
          show="{{ dateshow }}"
          position="bottom"
          custom-style="height: 50%;"
          bind:close="onClose"
        >
        <van-datetime-picker
            type="year-month"
            value="{{ currentDate }}"
            bind:input="onInput"
            bind:confirm = "confirmDate"
          />
        </van-popup>
        <van-popup
          show="{{ selectshow }}"
          position="bottom"
          custom-style="height: 50%;"
          bind:close="onClose"

        >
        <van-picker  show-toolbar
          columns="{{ columns }}"
          bind:cancel="onClose"
          data-attr="{{value.fieldname}}"
          bind:confirm="onConfirm" />
        </van-popup>
    </view>

相关文章

  • 动态表单提交数据

    页面:

  • Form表单阻止自动提交最佳实践

    在form表单的提交中我们往往要阻止表单的自动提交,阻止页面自动刷新,运用ajax异步获取数据动态刷新页面的效果,...

  • FormData

    表单,FormData 对象 表单概述 表单用来收集用户提交的数据,发送到服务器 表单提交 1. 提交 表单里...

  • GET表单提交/POST表单提交/数据交互/ node 垃圾回收

    GET表单提交 POST表单提交 同时处理get与post请求 数据交互 HTML 数据库 扩展

  • HTML表单的用法

    HTML表单用于用户向服务器端提交表单数据,用法为 提交的表单数据区域 。用form标签包裹着表单控件,如inpu...

  • 技术部作业指导

    目录: HTML表单--提交数据 数据库操作--查询 微信接口 其他 HTML表单 表单代码:

  • 表单提交

    表单:数据的提交 ---------action:数据提交地址,默认是当前页面 -------method:数据提...

  • JavaScript 通信 / Ajax

    Ajax 表单提交 在HTML中提供了表单提交的功能,我们可以通过表单把数据从前台提交到后台 在HTML的DOM中...

  • axios学习笔记

    一、axios的基本使用 get,获取数据 post,提交数据(表单提交以及文件上传) put,更新数据 (提交所...

  • SpringMVC-接收表单数据的方式

    前台提交表单数据到后台进行处理 form 表单提交数据,get方法会将数据通过请求url方式向后台传送,post方...

网友评论

      本文标题:动态表单提交数据

      本文链接:https://www.haomeiwen.com/subject/dcuddktx.html