Php 刷新div面板
我试图删除一个按钮点击从布局本身。但到目前为止还无法做到这一点。 我不熟悉ajax和jQuery。 我在网页上有一个div,以按钮的形式显示挂起的操作,现在我想删除它 当用户点击每个按钮时。此网页每1分钟自动刷新一次,所有这些挂起的操作都存储在会话变量中 现在我没有办法将这个按钮id发送到另一个php脚本,以便它可以从会话数组中删除它 我试着跟着Php 刷新div面板,php,jquery,ajax,Php,Jquery,Ajax,我试图删除一个按钮点击从布局本身。但到目前为止还无法做到这一点。 我不熟悉ajax和jQuery。 我在网页上有一个div,以按钮的形式显示挂起的操作,现在我想删除它 当用户点击每个按钮时。此网页每1分钟自动刷新一次,所有这些挂起的操作都存储在会话变量中 现在我没有办法将这个按钮id发送到另一个php脚本,以便它可以从会话数组中删除它 我试着跟着 <script type='text/javascript'src='http://ajax.googleapis.com/ajax/
<script type='text/javascript'src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>
function HideButton(butId)
{
$('#'+butId).hide();
deleteButton(butId);
}
</script>
<script>
function deleteButton(id) {
$.ajax({
url: "delete_button.php",
type: "POST",
data: "id=" + id,
success: function(response) {// Response handler}
});
}
</script>
<?php // here is my php code ..
//displaying button as follows in a loop
echo "<br><button type='button' id='".$id."' onclick=javascript:HideButton('".$id."') >".$pendingAction[$id]." </button>";
尚未发现任何成功。使用jQuery删除
DOM:
输出:
<div class="container">
<div class="goodbye">Goodbye</div>
</div>
你可以通过以下方式做到这一点:
HTML:
PHPdelete_button.php:
您可以使用jQuery删除操作 $'.removeButton'.livefunction{ $this.remove; }; 或者,您也可以在单击按钮时隐藏该按钮 $'.removeButton'.livefunction{ $this.hide;
}; 您可以使用jquery.remove函数来实现这一点。有关更多详细信息,请参见我的答案和演示@Hüseyin BABAL感谢您的回复我通过发布您的给定答案编辑了我的问题我无法找到我的错误。感谢您的回复,因为这些挂起的操作在每次刷新时都会重新显示,因此我已将它们存储到会话数组中,如果我只是隐藏或删除它们,它们将在下次刷新时再次显示,因此我也必须从会话数组变量中删除它们。我认为我的设计存在一些问题,因为我的所有代码都在使用echo运行和显示数据的sigle php文件中。现在,当我单击我的按钮删除它们时,我可以隐藏它们,但无法运行另一个php脚本来删除它们的ID。我也附和了剧本的部分。要隐藏点击按钮,我有一个单独的功能,从你的你可以检查它在我的问题。对此有什么建议吗?您可以定义另一个php文件delete_button.php并将删除代码放入该文件中。但是如何将按钮id传递给该php脚本?通过ajax。当您单击按钮时,您可以发送id。我认为您需要使用我的回答中的结构。如果我将ajax代码放在HideButton函数中,那么它甚至不会隐藏按钮。在apache服务器中是否需要对ajax进行任何配置?
$( ".hello" ).remove();
<div class="container">
<div class="goodbye">Goodbye</div>
</div>
<div>
<input type="button" name="button1" id="button1" value="Button 1"/>
<input type="button" name="button2" id="button2" value="Button 2"/>
</div>
$("input[type='button']").on("click", function() {
var btnId = $(this).attr("id");
$(this).remove();
// Uncomment below to activate ajax call
//deleteButton(btnId);
})
function deleteButton(id) {
$.ajax({
url: "delete_button.php",
type: "POST",
data: "id=" + id,
success: function(response) {// Response handler}
});
}
<?php
var btnId = $_POST["id"];
// delete from session by using $btnId