数据通过json传过来显示在v层, 点保存数据的时候如何能将以下数据存入数据库

标题 内容 等等

我能想到的是表单加
<input type="hidden" name="val" value="${dataobj}" id="markerSaveData">

然后再序列化from提交 但是感觉不妥

请问还有更好的写法么

    mapLine.markerInfo = function (data,marker){
        var dataobj= data;
        var nearPoint = parseFloat(data.nearPoint).toFixed(2) + "m";
        var dis = (parseInt(data.totalSum) / 1000).toString().replace('.', "+") + "m";
        var ponitToLine = parseFloat(data.ponitToLine).toFixed(2) + "m";
        var totalSum = 'kp' + dis;
        infoHtml =
            `<div class="markerinfo">
            <input type="hidden" name="val" value="${dataobj}" id="markerSaveData">
                          <li>所属项目：${data.tname}-${data.contents}</li>
                          <div>
                              <li>标题：</li>
                              <li><input type="text" name="title"  placeholder="请输入名称"></li></div>
                          <div>
                              <li>描述：</li>
                              <li><textarea name="content"  placeholder="请输入内容"></textarea></li></div>
                          <li>添加时间：${data.createtime}</li>
                          <li>转角里程：${data.nearName}+${nearPoint}</li>
                          <li>连续里程：${totalSum}</li>
                          <li>垂足：${ponitToLine}</li>
                          <li><button type="button" class="col-sm-offset-4 btn btn-primary btn-xs" onclick="mapLine.markerSaveData()"> 保存数据 </button></li>
                </div> `;
        mapLine.infoWindow.setContent(infoHtml);
        mapLine.infoWindow.open(mapLine.map, marker);
    }