AJAX使用jQuery可排序(非表单)发布附加数据
AJAX posting additional data using jQuery sortable (not form)
我有一个页面,它使用jQuery UI可排序插件来使用AJAX更新项目的排序顺序。这一切都很好,但我希望能够添加使用复选框删除项目的功能。我可以将额外的静态信息传递给帖子,但我不知道如何发送动态创建和选择的项目的查询字符串。
这是我的jQuery:
var fixHelper = function(e, ui) {
ui.children().each(function() {
$(this).width($(this).width());
});
return ui;
};
$(document).ready(function(){
$("#sortable tbody").sortable({
helper: fixHelper,
opacity: 0.6,
update: function(){
$('#savemessage').html('<p>Click <em>Remove/Reorder</em> to save</p>');
}
});
$('#button').click(function(event){
var order = $("#sortable tbody").sortable("serialize");
order += "&crudtype=update_favorites";
$('#savemessage').html('<p>Saving changes...</p>');
$.post("/crud",order,function(theResponse){
$('#savemessage').html(theResponse);
});
});
});
这是我的PHP,它渲染表行和数据:
foreach ($favorites as $key => $favorite) {
print '<tr class="' . zebra($key) . '" id="field_' . $favorite['fid'] . '">
<td class="handle"><a href="#">' . $favorite['name'] . '</a></td>
<td><input type="checkbox" name="fid[]" id="fid" value="' . $favorite['fid'] . '" class="box check-child"></td>
</tr>';
}
print '<input type="submit" name="submit" value="Remove/Reorder Selected Favorites" class="form-submit-table" id="button">';
最终,我希望能够收集检查过的fid[]的值,然后(大概)将它们添加到JSorder变量中,该变量将传递到我的AJAX处理页面,但我不知道如何做到这一点,因为我有点像jQuery新手。
我看过一些关于如何从表单中获取信息的帖子,但在这种情况下,由于我使用的是Sortable插件,所以我实际上并没有使用表单
我不确定表单名称是什么。。但是
var str = $("form[name=yourForm").serialize();
应该这样做。
换句话说,
<form name="yourForm">
<?php /* your code */ ?>
</form>
和
var formString = $("form[name=yourForm").serialize();
$.ajax({
type : 'post',
data : formString,
success : function(response){
alert(response);
}
});
相关文章:
- 使用Javascript/jQuery以编程方式将当前锚点/哈希/片段附加到任何表单操作url
- 如果ng单击附加到提交按钮,则表单未验证
- Rails-带有单选按钮的表单,带有启用/禁用附加元素的javascript操作
- 如何将整个模型集附加到表单数据中,并在MVC中获得它
- 将事件附加到动态创建的表单
- 基于PHP数组动态附加表单
- AJAX使用jQuery可排序(非表单)发布附加数据
- JQueryAJAX-发送带有附加文件的JSONP表单
- 为什么当我滚动到我的页面顶部并单击附加表单的链接时,它会向下滚动我
- JS - 将相同的函数附加到许多 html 表单
- 如何使用 jQuery 将某些内容附加到表单元素的值中,而不是更改它
- 在单选按钮表单选项上附加链接
- JavaScript - JSP - 如何将函数附加到现有表单中的按钮的正确性
- 如何在不刷新的情况下将表单输入附加到变量
- 按钮,使用javascript将该表单块附加到整个表单中
- 以表单形式附加新元素,并将其值发布在PHP中,然后将其保存在数据库中
- 用jquery在表单中附加2个函数
- 从url中获取参数,并在提交表单后附加此参数和操作
- 如何在使用php上传表单时附加进度条
- 如何使用ajax/javascript在表单中附加文本