为什么在使用AJAX/PHP时收到Undefined Index错误？

我目前正在研究一个遥控应用程序，我试图从Javascript发送操纵杆坐标到PHP。但是，我无法通过PHP文件访问数据，因为我收到了未定义的索引错误。为什么在使用AJAX/PHP时收到Undefined Index错误？

我知道这个问题已经解决了很多次，但是我已经花了一个星期的时间去讨论论坛和谷歌，而且我尝试过的解决方案都没有工作，所以如果有人可以看一看，我将不胜感激。在我的代码中查看是否存在一些根本性的误解或特定于应用程序的问题。

编辑：我忘了提到这一点，但我曾尝试过其他人在网上发布的一些示例PHP/AJAX代码，并且运行该代码也不起作用，这使我认为这可能是我的问题服务器配置。

我的代码:(只包括我认为与问题相关的文件;如果您希望看到项目中的其他文件，请通知我。） JavaScript和PHP文件位于相同的目录中。我正在使用XAMPP。

joystick.js（包含AJAX调用）

var hasGP = false; 
var repGP; 

// Joystick State Variables 
var triggerPressed; 
var x_value; 
var y_value; 
var z_value; 
var t_value; 

function canGame() 
{ 
    return "getGamepads" in navigator; 
} 

function reportOnGamepad() 
{ 
    // Display the gamepad's ID. 
    var gp = navigator.getGamepads()[0]; 
    var html = ""; 
    html += "<u>ID</u>: " + gp.id + "<br>"; 

    // Display the status of the x-axis. 
    x_value = gp.axes[0]; 
    html += "<u>x-axis</u>: " + x_value + "<br>"; 

    // Display the status of the y-axis. 
    trigger_pressed = gp.buttons[0].pressed; 
    y_value = gp.axes[1]; 
    if (trigger_pressed) 
    { 
     html += "<u>Pitch angle</u>: " + y_value + "<br>"; 
    } 
    else 
    { 
     html += "<u>y-axis</u>: " + y_value + "<br>"; 
    } 

    // Display the status of the z-axis. 
    z_value = gp.axes[3]; 
    html += "<u>z-axis</u>: " + z_value + "<br>"; 

    // Display the status of the t-axis. 
    t_value = gp.axes[2]; 
    html += "<u>Roll angle</u>: " + t_value + "<br>"; 

    $("#gamepadDisplay").html(html); 

    $.ajax({ url: 'ajax.php', 
     type: 'POST', 
     data: {x:x_value}, 
     success: function(data) 
     { 
      console.log("x_value " + data + " has been sent to the server."); 
     } 
    }); 

} 

$(document).ready(function() 
{ 
    if(canGame()) 
    { 
     var prompt = "To begin using your gamepad, connect it and press any button!"; 
     $("#gamepadPrompt").text(prompt); 

     $(window).on("gamepadconnected", function() 
     { 
      hasGP = true; 
      $("#gamepadPrompt").html("<b>The gamepad has been successfully connected.</b><br><br>"); 
      console.log("connection event"); 
      repGP = window.setInterval(reportOnGamepad,100); 
     }); 

     $(window).on("gamepaddisconnected", function() 
     { 
      console.log("disconnection event"); 
      $("#gamepadPrompt").text(prompt); 
      window.clearInterval(repGP); 
     }); 

     // Set up an interval for Chrome 
     var checkGP = window.setInterval(function() 
     { 
      console.log('checkGP'); 
      if(navigator.getGamepads()[0]) 
      { 
       if(!hasGP) $(window).trigger("gamepadconnected"); 
       window.clearInterval(checkGP); 
      } 
     }, 500); 
    } 
});

ajax.php（文件到的Javascript数据应发送）

<?php 
    $temp = $_POST['x']; 
    if(isset($temp) && !empty($temp)) 
    { 
     echo "x value is ". $temp ."!"; // Success Message 
    } 
?>

错误消息：

注意：未定义的索引：x在C：\ xampp \ htd ocs \ TeachMoverInterface \ ajax.php on line 2

PHP $ _POST数组似乎是空的。

可能有用的浏览器调试信息：

正如我所说的，我一直在寻找的论坛在过去的一周，所以有些动作我试图以修复问题在于更改ajax方法的格式，更改缓存和异步属性，将ajax调用替换为$ .post调用或XMLHttpRequest，用ajax调用中的数字替换JavaScript变量，以及其他已忘记的方法。

来源

2016-07-05 Gopika

如果'$ _POST'数组为空，那么如何获取屏幕截图中显示的消息（即，“x值是...”）？ – showdev

如果你在起始处var_dump（）'$ _POST'变量会发生什么？我想知道是否0.00684 ...被四舍五入为零，随后在'empty（）'检查中出现“falsy”。 –

发生错误时，对服务器的请求是什么样的？您正在显示成功的通话。 – epascarello

正如一些人所指出的那样，我的截图Google Chrome控制台显示ajax.php文件正在接收ajax调用发送的数据。我的错误是我相信直接访问ajax.php文件应该输出数据，但正如Jay Blanchard指出的那样是一种错误的方法。感谢大家指出我的错误。另外，感谢Jeremy Harris提到了AJAX的替代方案，它可能更适合我的应用程序的时间表现。

来源

2016-07-06 21:18:13 Gopika

-1

更改数据：{X：X_VALUE}，进入数据：{ “X”：X_VALUE}，

来源

2016-07-05 20:19:45 Gerard

我认为'x'仍然可以正常工作，不用引号（即使ECMAScript标准在技术上不正确），因为它不是保留字。 –

这与100％相同 – epascarello

<?php 
if(!empty($_POST)){ 
    $temp = $_POST['x']; 
    if(isset($temp) && !empty($temp)) 
    { 
     echo "x value is ". $temp ."!"; // Success Message 
    } 
} 
?>

修改ajax.php代码

来源

2016-07-05 20:29:51

这可以通过首先检查空数组来防止“未定义索引”错误，但它不能解释问题或为什么'$ _POST'数组为空。 – showdev

为什么在使用AJAX/PHP时收到Undefined Index错误？

回答

相关问题