PHP CRUD页面拖拽排序后，如何将JSON数组POST至更新接口？

没问题，我来帮你搞定这个把拖拽排序后的层级JSON数组提交到PHP后端的事儿！下面分前端和后端两部分给你具体的实现方案：

前端：用jQuery AJAX提交JSON数组 #

既然你已经通过jQuery插件拿到了带层级结构的排序数组，接下来只需要把这个数组转成JSON字符串，通过POST请求发送给PHP接口就行。这里要注意设置正确的请求头，告诉后端我们发送的是JSON格式的数据。

基础提交示例 #

假设你已经把排序后的数组存在了sortedData变量里，直接用jQuery的$.ajax发送请求：

// 拖拽排序后得到的层级数组
const sortedData = [ 
  { "id": 21, "name": "John" }, 
  [ { "id": 25, "name": "Bill" }, { "id": 20, "name": "Ann" } ], 
  { "id": 18, "name": "Sally" },
  { "id": 24, "name": "Dave" }
];

// 发送POST请求到PHP接口
$.ajax({
  url: '/path/to/your/update-operation.php', // 替换成你的PHP接口地址
  method: 'POST',
  contentType: 'application/json', // 关键：指定请求内容为JSON
  data: JSON.stringify(sortedData), // 将数组转为JSON字符串
  success: function(response) {
    console.log('排序提交成功！', response);
    // 这里可以添加成功后的操作，比如提示用户、刷新页面等
  },
  error: function(xhr, status, error) {
    console.error('提交失败:', error);
    // 处理错误情况，比如弹出错误提示
  }
});

绑定表单提交事件 #

如果你的拖拽排序是在表单里，想要点击表单的提交按钮时触发这个请求，可以绑定表单的submit事件并阻止默认提交行为：

$('#your-form-id').on('submit', function(e) {
  e.preventDefault(); // 阻止表单默认的刷新提交
  
  // 这里获取拖拽排序后的层级数组
  const sortedData = getSortedHierarchyData(); // 替换成你实际获取数组的方法
  
  // 上面的AJAX代码放在这里
  $.ajax({
    // ... 同上的配置
  });
});

后端：PHP接收并处理层级数据 #

因为前端发送的是JSON格式的数据，不能直接用$_POST获取，需要从php://input读取原始请求内容，再解析成PHP数组。之后你就可以根据业务逻辑（比如更新数据库的排序字段）处理这个层级数组了。

接收JSON数据并解析 #

// update-operation.php
header('Content-Type: application/json'); // 设置响应为JSON格式

// 读取POST过来的原始JSON数据
$jsonRaw = file_get_contents('php://input');
// 解析为PHP关联数组
$sortedHierarchy = json_decode($jsonRaw, true);

// 检查JSON解析是否成功
if ($sortedHierarchy === null) {
  http_response_code(400);
  echo json_encode(['success' => false, 'message' => '无效的JSON数据']);
  exit;
}

// 处理层级数组（这里需要根据你的CRUD逻辑调整，示例用递归遍历）
function processSortedItems($items) {
  foreach ($items as $item) {
    if (is_array($item) && isset($item['id'])) {
      // 处理单个节点：比如更新数据库中该ID的排序层级
      $itemId = $item['id'];
      // 示例：执行UPDATE语句，这里替换成你的数据库操作
      // $pdo->prepare("UPDATE your_table SET ... WHERE id = ?")->execute([$itemId]);
    } elseif (is_array($item)) {
      // 处理子层级数组，递归调用
      processSortedItems($item);
    }
  }
}

// 执行处理逻辑
processSortedItems($sortedHierarchy);

// 返回成功响应
echo json_encode(['success' => true, 'message' => '排序已成功更新']);

注意事项 #

1. 确保PHP的allow_url_fopen配置是开启的（默认是开启的），否则file_get_contents('php://input')可能无法读取数据。
2. 数据库操作部分要根据你的实际表结构和业务逻辑调整，比如需要记录每个节点的父ID、排序序号等。
3. 可以添加权限验证、参数校验等逻辑，提升接口的安全性。

内容的提问来源于stack exchange，提问作者be well