javascript - 用 php 在 ajax 中发帖让我得到 undefined index

Question

我想通过(ajax 到 php)从客户端向服务器发送/传递数据，但是当我尝试这段代码时

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
  $.ajax({  
    type: 'post',  
    url: 'loo.php', 
    data: { data: 'some data' },
    success: function(response,w) {
       console.log(w);
    }
});
    </script>
  <?php 
      echo $_POST['data'];
  ?>

在我的浏览器中我得到了success打印出来，这意味着我猜 javascript 代码工作正常，通过在 php 中我得到了 Undefined indexp.s 我的文件名是 loo.php所有代码都在同一个文件中

编辑:我试过像这样分开我的文件:

my loo.php file:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
$.ajax({
    type: 'post',
    url: 'test.php',
    data: {data: 'some data'},
    success: function (response, w) {
        console.log(w);
    }
});
</script>

my test.php file:

<?php
echo $_POST['data'];
?>

仍然有 undefined index

附注我在运行 loo.php 文件后将手册导航到 test.php 文件

Answer 1

您收到此错误是因为在加载页面时尚未发送 POST 请求。因此，仅当提交的数据存在时才显示，否则显示JavaScript代码。

<?php
if (isset($_POST['data'])) {
    die($_POST['data']);
}
?>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
$.ajax({
    type: 'post',
    url: 'loo.php',
    data: {data: 'some data'},
    success: function (response, w) {
        console.log(w);
    }
});
</script>