258资源分享网

说到排序，想必大家都知道MySQL中的“ORDER BY”这个关键词吧，使用它可以实现查询数据根据某一字段（或多个字段）的值排序，那么如何实现数据的任意排序操作呢？

其实这里我所说的“随意排序”，本质上来说是一种假象，后台SQL语句中依然使用到了ORDER BY关键词，只不过我在数据表中加入了一个字段标记序号，前台中所谓的“排序”操作实际是对记录的排序号进行交换操作而已，如下图所示：

例如有如下数据显示：

js实现部分代码：

1 function moveTop(id) {//上移 2 $.ajax({ 3 url: '',//请求接口 4 type: 'POST', 5 data: {id: id},//需要上移的记录主键 6 dataType: 'json', 7 success: function (data) {//成功返回data 8 if (data.success) { 9 showMsg("上移成功"); 10 setTimeout(function () { 11 query(); 12 }, 1000); 13 } else if (data.message) { 14 showNote(data.message); 15 } else { 16 showNote("上移失败"); 17 } 18 }, 19 error: function () { 20 showNote("上移失败"); 21 } 22 }); 23 } 24 25 function moveDown(id) {//下移 26 $.ajax({ 27 url: '', 28 type: 'POST', 29 data: {id: id}, 30 dataType: 'json', 31 success: function (data) { 32 if (data.success) { 33 showMsg("下移成功"); 34 setTimeout(function () { 35 query(); 36 }, 1000); 37 } else if (data.message) { 38 showNote(data.message); 39 } else { 40 showNote("下移失败"); 41 } 42 }, 43 error: function () { 44 showNote("下移失败"); 45 } 46 }); 47 } 48 49 function moveByShowSort(id) {//根据指定的显示序号进行移动 注意：这里的序号和MySQL中记录的序号没有关系，只是页面上显示的序号 50 var $showSort = $("#showSort" + id);//获取想要移动到的记录显示序号 51 var showSort = Number($showSort.val().trim()); 52 var total = '${pageInfo.total}';//获取记录总数 53 if (showSort.length === 0) { 54 showNote("请输入序号"); 55 return; 56 } else { 57 if (isNaN(showSort)) { 58 showNote("请输入数字"); 59 return; 60 } 61 if (showSort <= 0 || showSort > total) { 62 showNote("请输入1~" + total + "之间的序号"); 63 return; 64 } 65 } 66 $.ajax({ 67 url: '', 68 type: 'POST', 69 data: {id: id, showSort: showSort}, 70 dataType: 'json', 71 success: function (data) { 72 if (data.success) { 73 showMsg("移动成功"); 74 setTimeout(function () { 75 query(); 76 }, 1000); 77 } else if (data.message) { 78 showNote(data.message); 79 } else { 80 showNote("移动失败"); 81 } 82 }, 83 error: function () { 84 showNote("移动失败"); 85 } 86 }); 87 }