在PHP中单击菜单选项时,POST方法不起作用
我正在尝试为我的网站建立一个菜单。当我点击菜单时,它应该发布到index.php,但什么都没有发生。我已经使用console.log进行了检查,分配给数据val in的值正在传入,但隐藏的输入不起作用。有人能指出问题所在,从而指出正确的方向吗。谢谢 这里是JQuery在PHP中单击菜单选项时,POST方法不起作用,php,jquery,html,Php,Jquery,Html,我正在尝试为我的网站建立一个菜单。当我点击菜单时,它应该发布到index.php,但什么都没有发生。我已经使用console.log进行了检查,分配给数据val in的值正在传入,但隐藏的输入不起作用。有人能指出问题所在,从而指出正确的方向吗。谢谢 这里是JQuery $(document).ready(function($) { $('ul li a').on('click', function() { $('#shareto'
$(document).ready(function($) {
$('ul li a').on('click', function() {
$('#shareto').val($(this).data('val'));
});
});
这是HTML
<form name="mainmenu" id="mainmenu" method="post" action="index.php">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="96%" height="50" background="images/headerPanel.jpg" valign="center">
<font face="verdana" size="1" color="white"> <h1 align="center">ABC Company</h1></font>
</td>
<td width="3%" background="images/headerPanel.jpg" valign="center" align="right">
<input type="submit" name="submit" value="Logout" />
</td>
<td width="1%" background="images/headerPanel.jpg" valign="center"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="2%" bgColor=#C11B17></td>
<td width="16%" bgColor=#C11B17>
<ul>
<li><a href="#">Maintanence</a>
<ul>
<li><a href="#" data-val="1-1">Add Category</a></li>
<li><a href="#" data-val="1-2">Add Sub-category</a></li>
</ul>
</li>
<li><a href="#">Process Order</a>
<ul>
<li><a href="#" data-val="2-1">Ship Order</a></li>
<li><a href="#" data-val="2-2">Change Order Status</a></li>
</ul>
</li>
<li><a href="#">Reports</a>
<ul>
<li><a href="#" data-val="3-1">Orders by station</a></li>
<li><a href="#" data-val="3-2">Orders by date</a></li>
<li><a href="#" data-val="3-3">Pending Orders</a></li>
</ul>
</li>
<input id="shareto" type="hidden" name="shareto">
</ul>
</td>
</tr>
</table>
</form>
ABC公司
-
-
-
您需要提交表单以发布数据。。。使用jquery提交表单
试试这个
$(document).ready(function($) {
$('ul li a').on('click', function() {
$('#shareto').val($(this).data('val'));
$('#mainmenu').submit();
});
});
jquery需要:
$(document).ready(function($) {
$('ul li a').on('click', function() {
$('#shareto').val($(this).data('val'));
$('#mainmenu').submit();
});
});
您需要提交用于注销的表单按钮,若您需要使用提交按钮进行注销,那个么对于发送菜单项索引,您需要使用ajax查询,而不需要“shareto”输入元素。之后,在服务器端,您可以重定向正确的菜单页面。反之亦然 以下是完整代码: 客户端js文件:
$(document).ready(function($) {
$('ul li a').on('click', function() {
var menuItemIndex = $(this).data('val');
$.ajax({
type: "POST",
dataType:'json',
url: "index.php",
data: {
menuindex: JSON.stringify(menuItemIndex)
},
success: function(data, textStatus, jqXHR) {
console.log(data.menu_location);
window.location = data.menu_location;
},
error: function(errorMsg, textStatus, jqXHR) {
console.log(errorMsg);
console.log(textStatus);
console.log(jqXHR);
}
});
});
});
服务器端index.php:
<?php
$menu_locations = array("1-1" => "URL_1.html", "1-2" => "URL2_.html");
$menu_item_index = json_decode($_POST['menuindex']);
header("Content-type: application/json");
echo json_encode(array("menu_location" => $menu_locations[$menu_item_index]));
Add$('#主菜单').submit();在$('#shareto').val($(this.data('val'))之后;就帖子而言,您没有提交formIt,但index.php中没有任何内容$_邮件显示为空array@bipen博伊博克斯先生的解决方案奏效了。控制台显示单击的值,但POST为空,没有任何内容。有什么意见吗