jQuery AJAX使用JSON Return调用PHP脚本

Ste*_*rks 39 javascript php ajax jquery json

我一直在用一块砖墙砸我的头,我已经在stackoverflow上尝试了大量的解决方案,但找不到一个有效的方法!

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

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);
      }   
    }); 
});
Run Code Online (Sandbox Code Playgroud)

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'));
        }
    }
Run Code Online (Sandbox Code Playgroud)

来自firebug的JSON结果:

{"status":"success","message":"success message"}
Run Code Online (Sandbox Code Playgroud)

AJAX将JSON结果显示为Undefined,我不知道为什么.我试过显示添加dataType='json'datatype='json'.我也试过改变它data.status并且data['status']:尽管如此仍然没有快乐.

任何帮助将非常感激.

Sor*_*ter 45

让它dataType来代替datatype.

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

header('Content-Type: application/json');
Run Code Online (Sandbox Code Playgroud)

更正JSON和JSONP的内容类型

在firebug中可见的响应是文本数据.Content-Type如果响应是json,检查响应头以验证.它应该是application/json为了dataType:'json'text/htmldataType:'html'.


Sha*_*tel 5

我建议您使用:

var returnedData = JSON.parse(data);
Run Code Online (Sandbox Code Playgroud)

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