$.ajax（）post值未到达php

Question

我创建了一个Ajax post请求，由于某种原因，PHP脚本没有正确接收post数据。我得到一个500内部服务器错误，后面是“XHR加载失败：POST”。

以下是我的javascript的一部分：

     $.ajax({
            type: "POST",
            url: 'newmessage.php',
            // Generic form data
            data: {name: $("#name").val(), message: $("#message").val()},
                success: function(result){
            showMessages();
            }
      });

以下是PHP：

if(isset($_POST['name']) && isset($_POST['message']))
{
    // Do something
}

详细查看了我的代码后，我认为我在ajax请求中做了一些不正确的事情。在我的PHP文件中，如果我创建一个javascript警报来输出$\u POST变量，则不会打印任何内容。

<?php
$x = $_POST['name'];
?>

<script language="javascript">
    alert ('<?php echo $x; ?>');
</script>

<?php
?>

Answer 1

XHL代表XMLHttpRequest

听起来像是没有servelet（url问题）。

或者

servlet（php）刚刚中止您的请求（缺少csrf令牌）

解决方案1，检查url

正常通话

    URL:"/newmessage.php"  //modification needs here

Rest电话

    URL:"/http://address/newmessage.php" //keep it in your mind please

解决方案2，

   <form>
   //...
  <input type="hidden" id="token" value="<?php echo $token; ?>" />
   //...
  </form>


function sendDatas(){

var token =$("#token).val();

$.ajaxPrefilter(function (options, originalOptions, jqXHR) {

jqXHR.setRequestHeader('X-CSRF-Token', token);

});

$.ajax({

type: 'POST',

url: '/newmessage.php', // <--- notice the leading slash

data: {

   name: $('#name').val(),

   message: $('#message').val(),

},

success: function(reply) {

   //do stuff... 
}

});

 }

Answer 2

嗯，很难说你的服务器是如何配置的，但是，乍一看，你的网址可能是个问题。

$.ajax({
    type: 'POST',
    url: '/newmessage.php', // <--- notice the leading slash
    data: {
       name: $('#name').val(),
       message: $('#message').val(),
    },
    success: function(reply) {
       //do stuff... 
    }
 });

请在此处查看文档：http://api.jquery.com/jquery.ajax/

此外，如果你使用的是Chrome，你可以使用开发者工具来准确地看到引擎盖下发生了什么。特别是网络选项卡。https://developers.google.com/web/tools/chrome-devtools/

最后，如果您只想对服务器进行故障排除，您可以将jQuery从图片中删除，并使用类似Postman的应用程序。https://www.getpostman.com/apps