JQuery可排序序列化
JQuery Sortable Serialized
我使用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/相关文章:
- Ajax发布表单序列化,发布引号'
- 序列化数据属性中对象的最可靠方法
- YUI3 IO实用程序是否可以根据给定的内容类型标头值自动序列化数据
- 为什么JSON.stringify没有序列化原型值
- 有没有一个Nodejs库可以序列化和反序列化命名组件的路径(比如URL路径名)
- 是否可以在javascript中反序列化java对象
- jQuery Ajax数组序列化错误
- 对象序列化,JAVA,Javascript
- 在jquery中以序列化的形式传递额外的paparameter
- 如何使用angularjs序列化对象
- 使用System从C#集合创建JSON数组.网状物剧本序列化
- javascript中是否有更标准化的方法来转换(序列化)非表单数据以与ajax一起使用
- Jquery可排序序列化程序提供了一个空对象数组
- jQuery可排序的自定义索引范围序列化
- 如何序列化与jQueryUI可排序列表的当前项相关的数据
- 需要指导初学者排序和序列化
- jQuery可排序更新的数据没有被序列化
- JQuery可排序序列化
- 从可排序的 jQuery 序列化中获取数组
- 无效/可排序的序列化列表,而无需从列表中删除原始项目