MYSQL更新根據一定的順序從jquery排序

Question

我正在使用jquery可排序並試圖將這些項目的位置保存到名爲「位置」的mysql表的行中。我似乎無法讓他們保存/更新正確。一切工作正常jQuery的一面，只是PHP的更新功能。現在它將位置行保存爲3，這是我得到的原因。我似乎無法圍繞如何正確做到這一點。

下面是我對PHP：

$id = $_POST['id']; 
$arr = $_POST['positions']; 

foreach($arr as $r) { 
    $sql = " UPDATE items 
      SET position = '$r' 
      WHERE groupId = '$id' "; 
} 

表結構/所需的輸出：

id | groupId | position 
---------------------------- 
3 10  0 
6 8  - 
8 10  3 
10 5  - 
15 10  2 
18 10  1 

jQuery的文件：

$("#items").sortable({ 
     update: function() { 
     var invId = $("input[name='deleteId']").val(); 
     var post = $(this).sortable('serialize'); 

     $.ajax({ 
      type: 'POST', 
      url: 'file.php', 
      data: { positions: post, id: invId }, 
      dataType: 'JSON', 
      cache: false, 
      success: function(output) { 
       console.log('success'); 
      }, 
      error: function(output) { 
       console.log('fail '); 
      } 
     }); 
     } 
    }); 

感謝。

Answer 1

如果有人在這裏出現類似的問題，這對我來說是有效的。

UPDATE PHP文件：

$isNum = false; 

foreach($_POST['sort'] as $key => $value) { 
    if (ctype_digit($value)) { 
     $isNum = true; 
    } else { 
     $isNum = false; 
    } 
} 

if(isset($_POST) && $isNum == true){ 
    require_once('con.php'); 
    $orderArr = $_POST['sort']; 
    $order = 0; 
    if ($stmt = $db->prepare(" UPDATE items SET position = ? WHERE id=? ")) { 
     foreach ($orderArr as $item) { 
      $stmt->bind_param("ii", $order, $item); 
      $stmt->execute(); 
      $order++; 
     } 
     $stmt->close(); 
    } 
    echo json_encode( $orderArr); 
    $db->close(); 
} 

JQUERY排序FILE：

var sortable = $('#items'); 
    sortable.sortable({ 
     opacity: 0.325, 
     tolerance: 'pointer', 
     cursor: 'move', 
     update: function(event, ui) { 
     var post_data = sortable.sortable('serialize'); 

     $.ajax({ 
      type: 'POST', 
      url: 'save.php', 
      data: post_data, 
      dataType: 'json', 
      cache: false, 
      success: function(output) { 
       console.log('success -> ' + output); 
      }, 
      error: function(output) { 
       console.log('fail -> ' + output); 
      } 
     }); 

     } 
    }); 
    sortable.disableSelection(); 

Answer 2

您的查詢更新全部行與groupId = 10每次通過循環，所以最後他們都將包含數組的最後一個元素的值。

您需要編寫一個查詢，獲取表中每個匹配行的行號，然後只更新該行。您可以使用用戶定義的變量來增加行號。

UPDATE items AS i1 
JOIN (SELECT id, @rownum := rownum + 1 AS rownum 
     FROM (SELECT id 
      FROM items 
      WHERE groupId = '$id' 
      ORDER BY id) AS i 
     CROSS JOIN (SELECT @rownum := 0) AS var) AS i2 
ON i1.id = i2.id 
JOIN (SELECT 1 AS target, 0 AS val 
     UNION ALL 
     SELECT 2, 3 
     UNION ALL 
     SELECT 3, 2 
     UNION 
     SELECT 4, 1) AS newpos 
ON newpos.target = i2.rownum 
SET i1.position = newpos.val 

Answer 3

我認爲這可能是我缺少的東西，但也許你應該更新基於與特定組ID相匹配的ID的項目表。這樣的事情：

$id = 10; 
$arr = ('0', '3', '2', '1'); 

$searchId = "SELECT id FROM items WHERE groupId = '$id'"; 
$result = $db->query($searchId); 

foreach($arr as $r) { 
    $row = $result->fetch_assoc(); 
    $sql = " UPDATE items 
      SET position = '$r' 
      WHERE id = '{$row['id']}' "; 
} 

我假設你使用mysqli連接到你的數據庫。

Answer 4

jQuery Sortable應該已經發布數據，其中的值是行ID和鍵的順序。這樣，你可以做一個foreach循環。假設以下數據：

//$_POST (use chrome inspector to see what post data is being sent) 
//positions[] = 3 
//positions[] = 18 
//positions[] = 15 
//positions[] = 8 

// note: use a prepared statement, this is just to demonstrate the query. 
foreach($_POST['positions'] as $i => $id) { 
    $db->query('update table set position = ? where id = ? ',array($i, $id)); 
}