【学习笔记之Openlayers3】要素保存篇（第四篇）

    上一篇中已经讲了要素的绘制功能，既然要素都绘制出来了，绘制完就应该保存起来了吧，那么怎么保存呢？这一篇就是讲解怎么保存绘制好的要素的。

个人用到过两种保存要素的方法，一种是通过WFS直接保存要素入库，另一种是通过ajax的方法通过项目的服务器端保存到数据库中。
先说一下自己项目的开发环境：openlayers3+geoserver+postgresql+postgis。这篇保存也是基于这个基础做的。

基于ajax进行要素保存操作

    基于ajax的方法其实就是获取要素的属性以及几何对象，然后传参数到后台，通过sql的insert语句插入到数据库中。这种方法很简单，很容易实现。

这个方法我就不贴代码了，只要会传参，会用ajax应该能就能做出来。至于绘制好的Geometry对象怎么传，我用的是openlayers3中ol.format.WKT 方法将Geometry对象转化为WKT描述的字符串，传到后台进行操作的。但要记住一点：ajax要选择post，get是有限制的。这个应该都知道的。

基于WFS进行要素保存操作

    其实我一开始用的就是WFS进行要素保存操作，后来由于项目需求：要素的编辑需要有审核功能，审核通过才能入库。只能改成ajax方法了。因为WFS是直接将要素添加到数据库表中的。

以添加为例：

/*发送wfs请求*/
function addWfs(features) {
      var WFSTSerializer = new ol.format.WFS();
      // 添加要素
      var featObject = WFSTSerializer.writeTransaction(features,
        null, null, {
          featureType: 'bou_py', //feature对应图层
          featureNS: 'http://www.cxdt.com',//为创建工作区时的命名空间URI
          srsName: 'EPSG:4326'// 坐标系
        });
      var serializer = new XMLSerializer();
      // 将参数转换为xml格式数据
      var featString = serializer.serializeToString(featObject);
      var request = new XMLHttpRequest();
      request.open('POST', 'http://localhost:8080/geoserver/wfs?service=wfs');
      request.setRequestHeader('Content-Type', 'text/xml');
      request.send(featString);
    }