使用 JSON 返回对 PHP 脚本的 jQuery AJAX 调用

IT技术 javascript php jquery ajax json
2021-02-07 10:07:48

我一直用这个把头撞在砖墙上,我在stackoverflow上尝试了很多解决方案,但找不到一个有效的!

基本上,当我发布我的 AJAX 时,PHP 返回 JSON,但 AJAX 显示未定义而不是值:

JS

  /* attach a submit handler to the form */
  $("#group").submit(function(event) {

  /* stop form from submitting normally */
  event.preventDefault();

  /*clear result div*/
  $("#result").html('');

  /* get some values from elements on the page: */
  var val = $(this).serialize();

  /* Send the data using post and put the results in a div */
  $.ajax({
      url: "inc/group.ajax.php",
      type: "post",
      data: val,
  datatype: 'json',
      success: function(data){
            $('#result').html(data.status +':' + data.message);   
            $("#result").addClass('msg_notice');
            $("#result").fadeIn(1500);           
      },
      error:function(){
          $("#result").html('There was an error updating the settings');
          $("#result").addClass('msg_error');
          $("#result").fadeIn(1500);
      }   
    }); 
});

PHP :

  $db = new DbConnector();
  $db->connect();
  $sql='SELECT grp.group_id, group_name, group_enabled, COUNT('.USER_TBL.'.id) AS users, grp.created, grp.updated '
        .'FROM '.GROUP_TBL.' grp '
        .'LEFT JOIN members USING(group_id) '
        .'WHERE grp.group_id ='.$group_id.' GROUP BY grp.group_id';

    $result = $db->query($sql);     
    $row = mysql_fetch_array($result);
    $users = $row['users'];
    if(!$users == '0'){
        $return["json"] = json_encode($return);
        echo json_encode(array('status' => 'error','message'=> 'There are users in this group'));
    }else{

        $sql2= 'DELETE FROM '.GROUP_TBL.' WHERE group_id='.$group_id.'';
        $result = $db->query($sql2);

        if(!$result){
            echo json_encode(array('status' => 'error','message'=> 'The group has not been removed'));
        }else{
            echo json_encode(array('status' => 'success','message'=> 'The group has been removed'));
        }
    }

来自 firebug 的 JSON 结果

{"status":"success","message":"success message"}

AJAX 将 JSON 结果显示为未定义,我不知道为什么。我试过显示添加dataType='json'datatype='json'我也试过把它改成data.statusand data['status']: 仍然没有快乐。

任何帮助将非常感激。

5个回答

让它dataType代替datatype.

并在 php 中添加以下代码,因为您的 ajax 请求需要 json 并且不会接受任何内容,但 json.

header('Content-Type: application/json');

JSON 和 JSONP 的正确内容类型

firebug 中可见的响应是文本数据。检查Content-Type响应标头以验证响应是否为 json。它应该是application/json为了dataType:'json'text/html为了dataType:'html'

这是我的问题的解决方案
2021-03-21 10:07:48
嗨,谢谢!大多数帖子都说 header('Content-Type: application/json'); 不是必需的!显然是的!
2021-03-24 10:07:48
如果这对你有帮助,我很高兴。我知道当这样的事情不起作用时是什么感觉。是的,我过去也为此感到头疼:D,但使用了不同的服务器端语言。
2021-03-27 10:07:48
您必须打印并查看 php 发送的内容并进行相应修复。
2021-03-28 10:07:48
我确实有一个仍然不起作用的脚本,我正在从表中删除一行,然后返回 json,但是 json 似乎在它前面有已删除行的 ID: 38{"status":"success","message":"The group has been removed"}
2021-04-03 10:07:48

我建议你使用:

var returnedData = JSON.parse(data);

将 JSON 字符串(如果它只是文本)转换为 JavaScript 对象。

如果您使用成功回调,您已经将结果字符串解析为 javascript 对象并作为参数放入成功回调函数中。
2021-03-30 10:07:48

使用 parseJSON jquery 方法将字符串转换为对象

var objData = jQuery.parseJSON(data);

现在你可以写代码了

$('#result').html(objData .status +':' + objData .message);

尝试从服务器发送内容类型标头在回显之前使用它

header('Content-Type: application/json');

您的数据类型错误,更改数据类型的数据类型。