前台json字符串拼接提交给后台

我想用json字符串的格式提交这个表单到后台  但是在基地所获资质和荣誉那一栏想把它变成json数组
就像这种格式不知道怎么拼接
我想用json字符串的格式提交这个表单到后台 但是在基地所获资质和荣誉那一栏想把它变成json数组 就像图二那种格式

5个回答

在后台可以用WCF,查查WCF相关的用法

weixin_38709807
Re-creater 我现在需要前台就以这种格式提交给后台啊
2 年多之前 回复

其实并没有明白你想要说什么 ajax前台传到后台的话就是字符串的格式 前台获取后台的返回值的话就是一个数组 可以直接点出来
比如: subFunctionList.id就可以直接拿到

自己封装一个json对象,数组可以先把它构造好
var honors = [];
for(let i in tableDatas) {
honors.push(tableDatas[i].val()); //遍历表格的代码去搜一下,很多的,这里有些东西没写进来
}
var objection = {
id: **,
name: *
*,
honors: honors
}
//用fetch提交,很久没用Ajax了,你可以去看看fetch的用法,跟Ajax差不多
fetch('url', { method: 'POST', headers: { 'Accept': 'application/json', 'Content-Type': 'application/json', }, body: objection}).then(function(res){
  console.log(res);
});

oliver_105397
Ultraman_TigaSang 回复oliver_105397: honors.push({name: value});
2 年多之前 回复
oliver_105397
Ultraman_TigaSang 回复Re-creater: 可以的啊,数组写成键值对,push的时候类似这样:[{name: ***, id: ***}, {name: ***, id: ***}]。你要循环遍历的话可以根据你定义的name,因为你是按照award1、2、3、4来定的,所以写个循环就好。
2 年多之前 回复
weixin_38709807
Re-creater 回复oliver_105397: 我想循环遍历的push,而且还要有键值对可以吗
2 年多之前 回复
oliver_105397
Ultraman_TigaSang 回复Re-creater: 不是表格就简单咯,直接一个一个读出来然后push到数组里面
2 年多之前 回复
weixin_38709807
Re-creater 大神 那里不是表格,是bootstrap的输入框组,也可以这样用吗
2 年多之前 回复

手动拼一下js数组就可以了。你可以把html页面代码发出来,就知道怎么写了

weixin_38709807
Re-creater 我发到下面 大神你看下吧
2 年多之前 回复



                            <h3 class="box-title">申请明细</h3>
                        </div>
                        <div class="box-body">
                            <fieldset disabled>
                                <div class="form-group">
                                    <label class="col-md-4 control-label">基地名:</label>
                                    <div class="col-md-3">
                                        <input type="text" name="baseName" class="form-control" id="baseName" value="">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-md-4 control-label">申请人姓名:</label>
                                    <div class="col-md-3">
                                        <input type="text" name="applyPerson" class="form-control"  value="">
                                    </div>
                                </div>
                            </fieldset>
                            <div class="form-group">
                                <label class="col-md-4 control-label">联系方式:</label>
                                <div class="col-md-4">
                                    <input type="text" name="applyTel" class="form-control" value="">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-4 control-label">所属行业:</label>
                                <div class="col-md-2">
                                    <select class="form-control" name="industry" id="industry">
                                        <option value="">——请选择——</option>
                                        <option>农业</option>
                                        <option>制造业</option>
                                        <option>采矿业</option>
                                        <option>建筑业</option>
                                        <option>IT业</option>
                                        <option>金融业</option>
                                        <option>教育业</option>
                                        <option>文化业</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-4 control-label">基地规模:</label>
                                <div class="col-md-6">
                                    <label class="radio-inline">
                            <input type="radio" name="baseSize" value="500人以下" />500人以下
                            </label>
                                    <label class="radio-inline">
                            <input type="radio" name="baseSize" value="500-1000人"/>500-1000人
                            </label>
                                    <label class="radio-inline">
                            <input type="radio" name="baseSize" value="1000人以上"/>1000人以上
                            </label>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-4 control-label">基地简介:</label>
                                <div class="col-md-6">
                                    <textarea type="text" rows="6" class="form-control" name="baseProfile" value=""></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-4 control-label">基地获得各项资质和荣誉情况:</label>
                                <div class="row">
                                    <div class="col-lg-6 col-lg-offset-4">
                                        <div class="input-group">
                                            <div class="input-group-btn">
                                                <input type="date" name="awardtime" class="form-control" value="">
                                            </div>
                                            <input type="text" name="award" class="form-control" value="">
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-lg-offset-4">
                                        <div class="input-group">
                                            <div class="input-group-btn">
                                                <input type="date" name="awardtime1" class="form-control" value="">
                                            </div>
                                            <input type="text" name="award1" class="form-control" value="">
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-lg-offset-4">
                                        <div class="input-group">
                                            <div class="input-group-btn">
                                                <input type="date" name="awardtime2" class="form-control" value="">
                                            </div>
                                            <input type="text" name="award2" class="form-control" value="">
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-lg-offset-4">
                                        <div class="input-group">
                                            <div class="input-group-btn">
                                                <input type="date" name="awardtime3" class="form-control" value="">
                                            </div>
                                            <input type="text" name="award3" class="form-control" value="">
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-lg-offset-4">
                                        <div class="input-group">
                                            <div class="input-group-btn">
                                                <input type="date" name="awardtime4" class="form-control" value="">
                                            </div>
                                            <input type="text" name="award4" class="form-control" value="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-4 control-label" for="InputFile">申请材料:</label>
                                <div class="col-md-3">
                                    <input type="file" name="InputFile" value="">
                                </div>
                            </div>
                        </div>
                        <!-- /.box-body -->

                        <div class="box-footer col-md-offset-6">
                            <button type="submit" id="submit" class="btn btn-primary">提交</button>
                        </div>
                    </form>


Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐