再次问好,并提前谢谢。让我先向您展示我想要解决的代码和问题:
<span class='dropdown' id='status'>
<?php
switch ($status) {
case "unassigned":
echo "<button type='button' data-toggle='dropdown' id='edit' aria-haspopup='true' aria-expanded='true' class='btn btn-danger dropdown-toggle'> Status: " . $status . "<span class='caret'></span></button>";
echo "<ul class='dropdown-menu' aria-labelledby='edit'>";
echo "<li><a class='editStatus' href='pending'>Pending</a></li>";
echo "</ul>";
break;
case "pending":
echo "<button type='button' data-toggle='dropdown' id='edit' aria-haspopup='true' aria-expanded='true' class='btn btn-danger dropdown-toggle'> Status: " . $status . "<span class='caret'></span></button>";
echo "<ul class='dropdown-menu' aria-labelledby='edit'>";
echo "<li><a class='editStatus' href='attending'>Attending</a></li>";
echo "<li><a class='editStatus' href='followup'>Follow Up</a></li>";
echo "<li><a class='editStatus' href='closed'>Closed</a></li>";
echo "</ul>";
break;
case "attending":
echo "<button type='button' data-toggle='dropdown' id='edit' aria-haspopup='true' aria-expanded='true' class='btn btn-danger dropdown-toggle'> Status: " . $status . "<span class='caret'></span></button>";
echo "<ul class='dropdown-menu' aria-labelledby='edit'>";
echo "<li><a class='editStatus' href='pending'>Pending</a></li>";
echo "<li><a class='editStatus' href='followup'>Follow Up</a></li>";
echo "<li><a class='editStatus' href='closed'>Closed</a></li>";
echo "</ul>";
break;
case "followup":
echo "<button type='button' data-toggle='dropdown' id='edit' aria-haspopup='true' aria-expanded='true' class='btn btn-danger dropdown-toggle'> Status: " . $status . "<span class='caret'></span></button>";
echo "<ul class='dropdown-menu' aria-labelledby='edit'>";
echo "<li><a class='editStatus' href='closed'>Closed</a></li>";
echo "</ul>";
break;
case "closed":
echo "<button type='button' data-toggle='dropdown' id='edit' aria-haspopup='true' aria-expanded='true' class='btn btn-danger dropdown-toggle'> Status: " . $status . "<span class='caret'></span></button>";
echo "<ul class='dropdown-menu' aria-labelledby='edit'>";
echo "<li><a class='editStatus' href='pending'>Pending</a></li>";
echo "<li><a class='editStatus' href='attending'>Attending</a></li>";
echo "<li><a class='editStatus' href='followup'>Follow Up</a></li>";
echo "</ul>";
break;
}
?>
</span>
我的php脚本中包含一个下拉按钮,其中的选项代表了此页面中显示的消息的不同状态,并通过ajax将此信息发送到另一个php脚本
<script>
var phpvar1 = "<?php echo $frompost_id_sanitized; ?>";
var phpvar = "<?php echo $status; ?>";
$('a.editStatus').click(function(event) {
event.preventDefault();
var statusJs = $(this).attr("href");
alert('Change Status of ticket to: ' + statusJs)
$.post('ajaxChangeStatus.php', {status: statusJs, id: phpvar1, initialStatus: phpvar}, function(data) {
$('#status').html(data)
});
});
最后,第二个php脚本将数据添加到db并将一些html发送回第一个php脚本,如下所示(省略了一些代码)
switch ($frompost_status_sanitized) {
case "pending":
echo "<button type='button' data-toggle='dropdown' id='edit' aria-haspopup='true' aria-expanded='true' class='btn btn-danger dropdown-toggle'> Status: " . $frompost_status_sanitized . " <span class='caret'></span></button>";
echo "<ul class='dropdown-menu' aria-labelledby='edit'>";
echo "<li><a class='editStatus' href='attending'>Attending</a></li>";
echo "<li><a class='editStatus' href='followup'>Follow Up</a></li>";
echo "<li><a class='editStatus' href='closed'>Closed</a></li>";
echo "</ul>";
break;
case "attending":
echo "<button type='button' data-toggle='dropdown' id='edit' aria-haspopup='true' aria-expanded='true' class='btn btn-danger dropdown-toggle'> Status: " . $frompost_status_sanitized . " <span class='caret'></span></button>";
echo "<ul class='dropdown-menu' aria-labelledby='edit'>";
echo "<li><a class='editStatus' href='pending'>Pending</a></li>";
echo "<li><a class='editStatus' href='followup'>Follow Up</a></li>";
echo "<li><a class='editStatus' href='closed'>Closed</a></li>";
echo "</ul>";
break;
case "followup":
echo "<button type='button' data-toggle='dropdown' id='edit' aria-haspopup='true' aria-expanded='true' class='btn btn-danger dropdown-toggle'> Status: " . $frompost_status_sanitized . " <span class='caret'></span></button>";
echo "<ul class='dropdown-menu' aria-labelledby='edit'>";
echo "<li><a class='editStatus' href='closed'>Closed</a></li>";
echo "</ul>";
break;
case "closed":
echo "<button type='button' data-toggle='dropdown' id='edit' aria-haspopup='true' aria-expanded='true' class='btn btn-danger dropdown-toggle'> Status: " . $frompost_status_sanitized . " <span class='caret'></span></button>";
echo "<ul class='dropdown-menu' aria-labelledby='edit'>";
echo "<li><a class='editStatus' href='pending'>Pending</a></li>";
echo "<li><a class='editStatus' href='attending'>Attending</a></li>";
echo "<li><a class='editStatus' href='followup'>Follow Up</a></li>";
echo "</ul>";
break;
}
一切似乎都运转正常:
我的想法是(在第一个PHP脚本中)有一个带有选项的下拉按钮(表示显示的消息的状态)。当选择了一个选项(例如状态改变)(点击事件)时,我通过ajax将选择的选项(新状态)发送到第二个php脚本,然后执行一些操作并返回相应的html(具有不同oprions的下拉按钮)到第一个PHP脚本。
问题
如果那时我选择了另一个选项(例如,如果我尝试再次更改状态而不重新加载页面)则会出现404错误,因为当单击选项而不是触发click事件然后event.preventdefault
时... ...(因为它应该发生),应用程序读取href属性[用于将数据发送到第二个PHP脚本,如下所示:var statusJs = $(this).attr("href");]
并尝试加载导致404错误的页面
http://localhost:8888/ticketing/pending
通常js脚本应该从href属性中读取值,防止默认操作(例如导致404的加载页面),将数据发送到第二个php脚本并用返回的html替换span范围
有什么问题?