gpt4 book ai didi

javascript - JQuery 可排序序列化

转载 作者:行者123 更新时间:2023-11-28 01:11:47 24 4
gpt4 key购买 nike

我正在使用http://johnny.github.io/jquery-sortable/要对表进行排序,我的 JQuery 工作没有问题,但我无法让序列化正常工作。我想知道是否有人可以帮助并解释我需要做什么?

所以我的 html 是。

<table class="table table-striped table-bordered sorted_table" id="positionstable">
<tbody>
<tr>
<th class="sectionname" colspan="1">Position</th>
</tr>
<tr data-id="2">
<td class=" ">Item 2</td>
</tr>
<tr data-id="1">
<td class=" ">Item 1</td>
</tr>
<tr data-id="3">
<td class=" ">Item 3</td>
</tr>
<tr data-id="4">
<td class=" ">Item 4</td>
</tr>
</tbody>
</table>

我的 JQuery 是:

$('.sorted_table').sortable({
containerSelector: 'table',
itemPath: '> tbody',
itemSelector: 'tr',
placeholder: '<tr class="placeholder"/>',

onDrop: function (item, container, _super) {
var dataToSend = $('.sorted_table').sortable("serialize").get();

console.log(dataToSend)

$.ajax({
url: "ajax_action.php",
type: "post",
data: dataToSend,
cache: false,
dataType: "json",
success: function () {}
});
//_super(item, container);
}
})

您还可以在 http://jsfiddle.net/WJProctor/7GqQu/ 找到代码

我希望将 ID 数组发送到我的 ajax 脚本。

我期待您的任何帮助和建议。

亲切的问候

詹姆斯

最佳答案

通常,序列化作用于表单元素并生成 JSON 对象,使用每个字段的名称作为键,使用元素的值作为其值。

您可以轻松生成序列化对象,就像循环遍历表行一样

$('.sorted_table').sortable({
containerSelector: 'table',
itemPath: '> tbody',
itemSelector: 'tr',
placeholder: '<tr class="placeholder"/>',

onDrop: function (item, container, _super) {
var obj = jQuery('.sorted_table tr').map(function(){
return 'trvalue[]=' + jQuery (this).attr("data-id");
}).get();
console.log(obj)
//do the ajax call
}
})

http://jsfiddle.net/7GqQu/1/

关于javascript - JQuery 可排序序列化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24340861/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com