使用jQuery通过Ajax将数据从javascript发送到php。如何查看回来的数据？

Question

我知道这个问题从早上开始就一直被问到很多，但是我只是想不到代码中发生了什么。

我有一个index.php（这是我的网站），该网站使用表单从用户那里接收信息，然后分别调用一个javascript文件，然后依次调用另一个后端php文件（该后端php文件使用mysql查询数据库并执行某些操作）。

问题是我不确定什么信息会从我的js传递到后端php。 我刚刚学习了jQuery和Ajax，所以我真的不知道我犯的那个小错误是什么。

根据我的理解，后端php会执行其工作，并将该值传递给javascript以在网页上显示。 但是我的数据没有被发送/显示。 我收到错误500内部服务器错误。

以下是当前存在问题的代码段：

Javascript：

var data1 = {week:week, group:grp_name};

$.ajax({
    dataType: "json",
    type: "POST",
    url : "php/remindUsers.php",
    success : function(response){
                alert ("success !");
            },
    error : function(response){
           console.log(response);
           alert("fail!");
     }

   })
});

PHP后端（remindUsers.php）：

<?php

if (isset($_POST['week'])) {
   $week = $_POST['week'];
}

if (isset($_POST['group'])) {
  $group_name = $_POST['group'];
}

  echo $week;
?>

我省略了sql代码段，因为它们可以正常工作。

编辑：现在我的状态码是200，响应文本也可以。 我的响应文本在预期的实际响应文本旁边显示一个奇怪的“输入”符号。这正常吗？并且它仍然进入错误块，而不是代码成功块。

Answer 1

通过json的PHP响应中不能包含这些标签<body>,...

它只能是：

<?php
 $week = $_POST("data");
 $json =  json_decode($week);
 echo json_encode($json);
?>

删除评论

//数据：{week：week}

并设置具有有效值的可变周：

数据：{week：week}

所以：

$.ajax({
dataType: "json",
type: "POST",
url : "php/remindUsers.php",
data : {week :week} ,
success : function(response){
            console.log(response);
        },

为了看看响应的形状是什么。

Answer 2

我无法完全回答您的问题，因为我需要更多有关运行情况的调试信息，但是关于您的代码有2-3件事使我感到有些困惑，这可能会解决您的错误。

首先，在您的后端中使用isset，如下所示：

if (isset($_GET['your_input_name'])) {
    $someData = $_GET['your_input_name'];
}

isset部分在这里非常重要。 进行设置，然后重试。 如果您不再遇到500错误。 这可能是因为您的数据从未发送到您的后端，或者是因为您没有检查良好的输入名称。

其次，关于输入名称。 我可以在您发送的代码中看到：

var data1 = {week:week, group:grp_name};

因此，在您的后端中，应使用像这样的值的名称来检索数据：

$week = $_POST("week");

第三，我不是json专业人士，但也许您的json无效。 即使他没事，我还是建议您像这样建造一个“清洁工”：

var data = [
        { 'name' : 'week', 'value' : week}
    ];

最后，如果您使用表单将数据发送到php，则可以使用类似的方法：

 var myForm = $("#myForm").serializeArray();

 $.ajax({
  url: 'yourUrl',
  type: "GET",
  data: myForm,
  dataType: 'json', 
  success: function(res){
      //your success code

  },
  error: function(){
    //your error code
  }
});

我希望这有帮助。

Answer 3

用这个

的PHP

   $week = $_POST['data'];
    $json = json_encode($week);
    echo $json;

JS

 $.ajax({
        dataType: "json",
        type: "POST",
       url : "php/remindUsers.php"
        //data : {week :week} ,
        data:  {data:{week:'week', group:'grp_name'}} ,
        success : function(response){
            alert ("success !");
        },
        error : function(response){
            alert("fail!");
        }

    })

Answer 4

您做错了几件事。 首先，您不想在将数据发送到服务器之前对数据进行字符串化处理。 您要发送JSON，因此您的注释行是正确的行。 PHP也有问题。 发送到服务器的数据如下所示：

{week: "Something"}

因此，在您的PHP中，您想访问如下数据：

$_POST["week"];

Answer 5

我会说将php包装在一个函数中并回显json。 检查是否有POST数据，如果没有返回错误消息，这也很好。 这没有经过测试，但是希望会指出正确的方向。

 <?php

 function getJSON() {

     if (isset($_POST["data"] && !empty($_POST['data'])  ) {
         $week = $_POST["data"];
         $json =  json_decode($week);
         echo $json;
     } else {
         echo "There was a problem returning your data";
     }
 } 

 getJSON();

 ?>

实际上，在撰写本文时，我意识到您可以在AJAX POST中尝试这些标头：

accepts: 'application/json',
contentType: 'application/json',
dataType: 'json'

希望能有所帮助。

Answer 6

有效。 由于有了另一个SO帖子，我找到了答案。

TIL：即使服务器响应正常，也会触发错误情况，因为从php返回到javascript的数据不是json，因为我在ajax请求中明确提到了dataType：“ json” 。

链接在这里：

Ajax请求返回200 OK，但是会引发错误事件而不是成功

感谢大家的帮助和指导我正确的方向。 干杯!

使用jQuery通过Ajax将数据从javascript发送到php。如何查看回来的数据？

问题描述

6 个解决方案

解决方案1
1 2014-10-10 19:31:32

解决方案2
1 已采纳 2014-10-10 19:56:17

解决方案3
0 2014-10-10 19:27:43

解决方案4
0 2014-10-10 19:28:00

解决方案5
0 2014-10-10 20:08:35

解决方案6
0 2014-10-10 23:08:47

使用jQuery通过Ajax将数据从javascript发送到php。 如何查看回来的数据？

问题描述

6 个解决方案

解决方案1 1 2014-10-10 19:31:32

解决方案2 1 已采纳 2014-10-10 19:56:17

解决方案3 0 2014-10-10 19:27:43

解决方案4 0 2014-10-10 19:28:00

解决方案5 0 2014-10-10 20:08:35

解决方案6 0 2014-10-10 23:08:47

使用jQuery通过Ajax将数据从javascript发送到php。如何查看回来的数据？

解决方案1
1 2014-10-10 19:31:32

解决方案2
1 已采纳 2014-10-10 19:56:17

解决方案3
0 2014-10-10 19:27:43

解决方案4
0 2014-10-10 19:28:00

解决方案5
0 2014-10-10 20:08:35

解决方案6
0 2014-10-10 23:08:47