如何使用 AJAX 将值传递给 PHP 脚本？
我正在尝试使用 MySql 学习具有搜索功能的网页设计。我想选择 2 个步骤，但是，我遇到了一个真正让我感到困惑的问题，因为我没有很强的设计背景。我试图尽可能具体地使问题清晰。
测试文件
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>count</title>
<link rel="stylesheet" type="text/css" href="dbstyle.css">
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'>
</script>
</head>
<body>
<form id="serc" method="post" action="">
<input type="radio" value="typeA" name="comments" onclick="expr()">Good
<input type="radio" value="typeB" name="comments" onclick="expr()">Bad
</form>
<form id="form1" name="form1" method="post" style="visibility:hidden">
<p>please select reason:</p>
<input type="checkbox" class="check" name="checkbox[]" value="COL 8">aaa<br />
<input type="checkbox" class="check" name="checkbox[]" value="COL 9">bbb<br />
<input type="checkbox" class="check" name="checkbox[]" value="COL 10" >ccc<br />
<button id="aaa" type="submit" class="butt" name="sub2" style="visibility:hidden">Submit</button>
</form>
<?php
$comm = $_POST["gender"];
$reas = $_POST["checkbox"];
if($comm){$respond = $_POST['comments'];
echo $respond;
}
<script src="limit.js"></script>
</body>
</html>
限制.js
//click to get Value
$("input[type='Radio']").click(function(){
var radioValue = $("input[name='comments']:checked").val();
$("#serc").css("display", "none");
$("#form1").css("visibility", "visible");
});
//limit multiple selection up to 4
$("input:checkbox").click(function() {
var bol = $("input:checkbox:checked").length;
if(bol == 4){
$("input:checkbox").not(":checked").attr("disabled",bol);
$("#aaa").css("visibility", "visible");
}
else {
$("#aaa").css("visibility", "hidden");
$("input:checkbox").removeAttr("disabled");
}
});
该功能将是：
第一阶段从单选项中选择，onclick使用 jQuery 隐藏选择项，并radioValue通过 Ajax 方式从 jQuery 中获取发送到 php 使用。
第二阶段从复选框中选择 4 个项目，并提交以运行搜索字段。
我希望将radioValue其作为变量加载回 php，但似乎没有得到值。
任何帮助，将不胜感激。
富国沪深1回答
-
qq_花开花谢_0
您必须像这样使用键值对发送数据： function expr(){ var radioValue = $("input:radio[name='comments']").val(); var dataTosend= {'radioValue': radioValue}; $.ajax({ url: 'index.php', type: 'POST', data: dataTosend, async: true, success: function (data) { alert(data) }, });}
随时随地看视频慕课网APP
相关分类
JavaScript