layui可编辑输入框编辑后如何保存

在layui中，可编辑输入框通常是通过表单组件实现的。保存编辑后的数据可以通过以下步骤实现：

1. 监听表单提交事件

form.on('submit(formDemo)', function(data){
  //TODO: 表单提交后的处理逻辑
  return false; //阻止表单跳转
});

2. 获取表单数据

可以通过data.field获取表单中所有的数据，也可以通过data.elem获取当前触发提交事件的表单元素。

form.on('submit(formDemo)', function(data){
  var formData = data.field; //获取表单数据
  var $form = $(data.elem); //获取当前表单元素
  //TODO: 表单提交后的处理逻辑
  return false; //阻止表单跳转
});

3. 发送请求保存数据

可以使用ajax发送请求将数据保存到后台，也可以使用form模块的submit方法自动将表单数据提交到后台。这里以使用ajax方式为例：

form.on('submit(formDemo)', function(data){
  var formData = data.field; //获取表单数据
  var $form = $(data.elem); //获取当前表单元素
  $.ajax({
    url: 'save.php',
    type: 'post',
    data: formData,
    success: function(res){
      if(res.code == 0){
        //保存成功的处理逻辑
      }else{
        //保存失败的处理逻辑
      }
    }
  });
  return false; //阻止表单跳转
});

4. 提示保存结果

根据后台返回的结果，可以使用layer.msg方法提示保存结果。

form.on('submit(formDemo)', function(data){
  var formData = data.field; //获取表单数据
  var $form = $(data.elem); //获取当前表单元素
  $.ajax({
    url: 'save.php',
    type: 'post',
    data: formData,
    success: function(res){
      if(res.code == 0){
        layer.msg('保存成功');
      }else{
        layer.msg('保存失败');
      }
    }
  });
  return false; //阻止表单跳转
});