qwe4251685 2020-07-05 13:34 采纳率: 100%
浏览 538
已采纳

请问 如何把 bootstrap 的form表单 中的数据转成json格式?

我想把 bootstrap 的form表单 中的数据转成json格式 传到后台,
用ajax方法 ,能不帮忙写下这块的js代码 或者给我点思路 谢谢

<form class="form-horizontal" role="form">
        <div class="form-group">
            <label for="firstname" class="col-sm-2 control-label">预警名称</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" id="firstname" >
            </div>
            <label for="lastname" class="col-sm-2 control-label">预警描述:</label>
            <div class="col-sm-10">
                <textarea class="form-control" rows="3" placeholder="非必填"></textarea>
            </div>
        </div>
        <div class="form-group">

        </div>
        <div class="form-group">
              <label for="name" class="col-sm-2 control-label">预警条件:</label>
                <select class="form-control" style="width: 20%;float: left;">
                  <option>单日交易次数</option>
                  <option>一周交易次数</option>
                </select>
                <select class="form-control" style="width: 15%;float: left;">
                  <option>>=</option>
                  <option><=</option>
                  <option>=</option>
                  <option>></option>
                  <option><</option>
                </select>
            <input type="text" class="form-control" style="width: 10%;float: left;">

        </div>

        <div class="form-group">
            <label for="lastname" class="col-sm-2 control-label">预警方式:</label>
            <div class="btn-group">
                <button type="button" class="btn btn-default">短信</button>
                <button type="button" class="btn btn-default">邮箱</button>
                <button type="button" class="btn btn-default">短信+邮箱</button>
            </div>
        </div>
        <div class="form-group">
            <label for="lastname" class="col-sm-2 control-label">接收人:</label>

            <div class="btn-group">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">请选择
                    <span class="caret"></span>
                </button>

                <ul class="dropdown-menu" role="menu">
                    <li>
                        <a href="#">小明</a>
                    </li>
                </ul>
            </div>


        </div>

        <div class="form-inline">
            <label for="lastname" class="col-sm-2 control-label">预警限制:</label>
            <label class="checkbox-inline">
                <input type="checkbox" id="inlineCheckbox1" value="option1">限制预警发送次数
                <input type="text" class="form-control" style="width: 10%;">
                次/天

            </label>


        </div>
        <div class="form-group">
            <label for="lastname" class="col-sm-2 control-label">短信id:</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" id="firstname" placeholder="">
            </div>
        </div>

        <div class="form-group">
            <label for="lastname" class="col-sm-2 control-label">短信模板:</label>
            <div class="col-sm-10">
                <textarea class="form-control" rows="5" placeholder="例:截止当前进件数为 @进件数@,累计放贷金额@放贷金额注: 请输入" @"(@前加空格)选取字段"></textarea>
            </div>
        </div>

    </form>

  • 写回答

1条回答 默认 最新

  • �ིོMonkey 2020-07-05 14:08
    关注
    
    $("#save").click(function() {
        var info = $("#table").bootstrapTable('getData');
        var data = { instrumentId: instrumentId,timeSetList: []};
        for (var i = 0; i < info.length; i++) {
            var timeSet = new Object();
            timeSet.stTime = info[i].stTime;
            timeSet.edTime = info[i].edTime;
            data.timeSetList.push(timeSet);
        }
        var jsonString = JSON.stringify(data);
        $("#timeSetList").val(jsonString);
        save();
    })
    
    
    

    不清楚可以进入 https://www.cnzzzxw.com/post/94.html 了解

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥30 STM32 INMP441无法读取数据
  • ¥100 求汇川机器人IRCB300控制器和示教器同版本升级固件文件升级包
  • ¥15 用visualstudio2022创建vue项目后无法启动
  • ¥15 x趋于0时tanx-sinx极限可以拆开算吗
  • ¥500 把面具戴到人脸上,请大家贡献智慧
  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面,不要作在线的,要离线状态。
  • ¥15 各位 帮我看看如何写代码,打出来的图形要和如下图呈现的一样,急
  • ¥30 c#打开word开启修订并实时显示批注
  • ¥15 如何解决ldsc的这条报错/index error
  • ¥15 VS2022+WDK驱动开发环境