我想用json字符串的格式提交这个表单到后台 但是在基地所获资质和荣誉那一栏想把它变成json数组 就像图二那种格式
在后台可以用WCF,查查WCF相关的用法
其实并没有明白你想要说什么 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);
});
手动拼一下js数组就可以了。你可以把html页面代码发出来,就知道怎么写了
<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>