注意:这个问题是从帖子中拆分出来的:jQuery not working on elements created by jQuery
我通过每秒调用一次的 ajax 调用动态地将列表项添加到 jQuery 中的列表中。
下面是ajax调用的代码。
$.ajax({
url: 'php/update_group_list.php',
data: '',
dataType: 'json',
success: function(data) {
var id = data.instructor_id;
group_cnt = data.group_cnt,
group_name = data.group_name,
group_code = data.group_code;
for (i = current_row; i < group_cnt; i++)
{
//setInterval(function() { $('#group-list-div').load('php/group_list.php'); }, 5000);
$('#group-list').append("<li><a href='#' data-role='button' class='view-group-btns' id='"+group_code[i]+"' value='"+id+"' text='"+group_name[i]+"'>"+group_name[i]+"</a></li>");
$('#delete-group-list').append("<fieldset data-role='controlgroup data-iconpos='right'>" +
"<input id='"+group_code[i]+i+"' value='"+group_code[i]+"' type='checkbox' name='groups[]'>" +
"<label for='"+group_code[i]+i+"'>"+group_name[i]+"</label>" +
"</fieldset>");
}
current_row = i;
$('#group-list').listview('refresh');
$('#delete-group-list').trigger('create');
}
});
当我尝试发送复选框的表单数据时(引用上面的 ajax 调用代码中的 $('#delete-group-list').blah...blah 行)，帖子返回错误意外标记 <
我做错了什么？我认为这两个问题是相关的，因为我正在创建动态使用的列表项。
<小时/>这是与问题相关的额外代码
HTML:
<form id='delete-group-form' action='php/delete_groups.php' method='post'>
<h3 style='text-align: center;'>Check the Box Beside the Groups you Would Like to Delete </h3>
<div style='margin-top: 20px;'></div>
<div id='delete-group-list'>
</div>
<div style='margin-top: 20px;'></div>
<input type='submit' id='delete-groups-btn' data-theme='b' value='Delete Groups(s)'>
</form>
JS代码
$('#delete-group-form').submit(function(e)
{
e.preventDefault();
alert($('#delete-group-form').serialize());
if ($('#delete-group-form').serialize() == "")
{
alert('No groups selected to be deleted.')
return false;
}
else
if ($('#delete-groups-form').serialize() == null)
{
alert('No groups selected to be deleted.')
return false;
}
else
{
$.post('php/delete_groups.php',$('#delete-groups-form').serialize()).done(function(data)
{
obj = jQuery.parseJSON(data);
var group_codes = obj.group_list;
alert(group_codes);
alert("The selected groups have been deleted");
window.setTimeout(2000);
return false;
});
}
return false;
});
删除_groups.php
<?php
$group_codes = $_POST['groups'];
$items = array('group_list'=>$group_codes); //creating an array of data to be sent back to js file
echo json_encode($items); //sending data back through json encoding
?>
我认为第二个问题的根源是 $group_codes = $_POST['groups']; 行特别是 $_POST['groups'] 因为当我将其替换为 $group_codes = 'test'; 时(仅用于调试目的)，代码按预期工作。
最佳答案
好的，之前我以为 php 文件的内容类型 header 的错误仍然存在(您需要指定 header 类型以使用 jQuery JSON 解析)。但又发现了一个错误，我认为这就是问题的原因。
<form id='delete-group-form' action='php/delete_groups.php' method='post'>
您希望序列化的形式是
$('#delete-groups-form').serialize()
您可以看到 ID 的差异。这将返回一个空对象，在 php 文件中它需要名为 groups 的索引。它永远不存在。因此，它将返回一个以 <html> 开头的 html 内容类型的未定义索引错误。 ，该 JSON 解析器返回错误 unexpected token <
希望这有帮助
关于php - JQuery 帖子不适用于动态 jQuery 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16116457/