无法使用PHP从AJAX打印POST变量
[英]Can't print POST variable from AJAX using PHP
问题描述
我从mysql数据库中获取数据列表，并将其添加到选择列表中。 当用户选择一个选项时，我想从所选项目中获取ID，并使用它来引用我的结果数组的索引，如下所示：
echo $results[$id]['fruit'];
我使用$ results = $ stmt-> fetchAll（PDO :: FETCH_UNIQUE）从数据库中检索数据，因此选择列表的每个id都是记录的主键。
因此，我读到我可以使用AJAX获取所选项目的值，并将其作为POST变量发送回去，然后可以在PHP中进行访问。 但是，当我打印此变量时，我什么也没得到。
if(isset($_POST['id']))
{
$id = $_POST['id'];
echo $id; //prints nothing
}
这是我的代码：
<html>
<head>
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>
<script>
function listChange() {
var recID = document.getElementById("fruits").value;
$.ajax({
method: 'POST',
data: {'id' : recID},
dataType: "json",
success: function(response)
{
console.log(response);
}
});
}
</script>
</head>
<body>
Fruits
<select id="fruits" name="fruits" onchange="listChange()">
<option value="0">Apple</option>
<option value="1">Pear</option>
<option value="2">Watermelon</option>
<option value="3">Orange</option>
</select>
<br/><br/>
My Fruit <input type="text" id="myfruit">
<?php
if(isset($_POST['id']))
{
$id = $_POST['id'];
echo $id; //does not print however post is working if you look in firefox -> web developer -> developer toolbar -> network
//the id will be used to reference a variable
//$results[$id]['fruit'] which I got
//from a database like this
//$results = $stmt->fetchAll(PDO::FETCH_UNIQUE);
//this value will set the text field myfruit
}
?>
</body>
</html>
6 个解决方案
解决方案1
3 2018-03-28 11:20:18
尝试在HMTL中使用此代码。
<html>
<head>
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>
<script>
function listChange(obj) {
var recID = obj.value;
var recID = $("#fruits:selected").text();
$.ajax({
method: 'POST',
data: {'id' : recID},
url:'demo.php',(put url of php file and remove in this file make diffrent php file)
dataType: "json",
success: function(response)
{
console.log(response);
}
});
}
</script>
</head>
<body>
Fruits
<select id="fruits" name="fruits" onchange="listChange(this)">
<option value="0">Apple</option>
<option value="1">Pear</option>
<option value="2">Watermelon</option>
<option value="3">Orange</option>
</select>
<br/><br/>
My Fruit <input type="text" id="myfruit">
<?php
if(isset($_POST['id']))
{
$id = $_POST['id'];
echo $id; //does not print however post is working if you look in firefox -> web developer -> developer toolbar -> network
//the id will be used to reference a variable
//$results[$id]['fruit'] which I got
//from a database like this
//$results = $stmt->fetchAll(PDO::FETCH_UNIQUE);
//this value will set the text field myfruit
}
?>
</body>
</html>
解决方案2
0 2018-03-28 11:16:55
我想你可以试试看
$(document).ready(function(){
$("#fruits").change(function(){
var fruitValue = $(this).val(); // for the value i.e 0,1,2,3
var fruitTect = $(this).text(); // for text i.e. Apple, Pear,...
// then now you can do ur ajax
$.ajax({
// Your Code For Post goes here
});
});
});
无需在您的html中调用onchange函数。 jQuery将负责其余的工作
还有你的isset（$ _ POST ['id']）也许isset（$ _ POST ['fruits']）
解决方案3
0 2018-03-28 11:23:05
罗杰斯的回答是正确的。 并且您错过了ajax调用中的url参数。
function listChange() {
var fruitValue = $(this).val(); // for the value i.e 0,1,2,3
$.ajax({
url: '/myPhpFile.php',
method: 'POST',
data: {'id' : fruitValue},
dataType: "json",
success: function(response)
{
console.log(response);
}
});
}
如果您确实要在单个文件中调用它，则必须将php代码放在顶部，并在条件完全满足后退出。
<?php
if(isset($_POST['id']))
{
$id = $_POST['id'];
您需要编码为ajax期望json数据
$results_array = array("Id" => $id):
$json=json_encode( $results_array );
header('Content-Type: application/json'); //tell the broswer JSON is coming
echo $json; //Just plain vanillat JSON output
在出口处做你的事情。 请注意，每个回声“某物”都会伪造ajax调用所需的json数据
exit();
}
?>
解决方案4
0 2018-03-29 00:45:17
好的，我发现了一种更简单的方法。 只需更改选择后，获取Javascript即可对URL中的值进行编码，然后使用GET在PHP中对其进行访问。
用Javascript编码URL：
<script>
$(document).ready(function(){
$("#fruits").change(function(){
var fruitValue = $(this).val();
window.location.href="ajax.php?id=" + fruitValue;
});
});
</script>
在PHP中回显该值：
if(isset($_GET['id']))
{
$id = $_GET['id'];
echo $id;
}
解决方案5
-1 2018-03-28 11:30:44
通过其他文件打印数据。 PHP返回数据发送到另一个文件，Ajax响应数据以html打印。
动作文件
if(isset($_POST['id']))
{
$id = $_POST['id'];
echo $id; //prints nothing
}
查看文件
function listChange() {
var recID = document.getElementById("fruits").value;
$.ajax({
url: 'action.php',
method: 'POST',
data: {'id' : recID},
dataType: "json",
success: function(response)
{
$('#your_id').html(response);
}
});
}
要么
<html>
<head>
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>
<script>
function listChange() {
var recID = document.getElementById("fruits").value;
$("#your_id").html(recID);
}
</script>
</head>
<body>
Fruits
<select id="fruits" name="fruits" onchange="listChange()">
<option value="0">Apple</option>
<option value="1">Pear</option>
<option value="2">Watermelon</option>
<option value="3">Orange</option>
</select>
<br/><br/>
My Fruit <input type="text" id="myfruit">
<div id="your_id"></div>
</body>
</html>
解决方案6
-3 2018-03-28 11:13:51
<script>
function listChange() {
var recID = document.getElementById("fruits").value;
$.ajax({
url:'ajax.php'
method: 'POST',
data: {'id' : recID},
success: function(response)
{
console.log(response);
}
});
}
</script>
<?php
print_r($_POST);
?>
无法使用AJAX将变量发布到PHP
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.