web-dev-qa-db-fra.com

jQuery AJAX Appel à PHP Script avec retour JSON

Je me suis fracassé la tête contre un mur de briques avec celui-ci, j'ai essayé de nombreuses solutions sur stackoverflow mais je ne trouve pas celle qui fonctionne!

Fondamentalement, quand je POST mon AJAX le PHP renvoie JSON mais le AJAX montre Non défini à la place de la valeur:

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'));
        }
    }

JSON Résultat de firebug:

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

AJAX Affiche le résultat JSON comme non défini et je ne sais pas pourquoi. J'ai essayé d'afficher l'ajout de dataType='json' et datatype='json'. J'ai aussi essayé de le changer en data.status et data['status']: toujours pas de joie cependant.

Toute aide sera grandement appréciée.

javascriptphpjqueryajaxjson
38
Steven Marks

Faites-en dataType au lieu de datatype.

Et ajoutez le code ci-dessous dans php car votre demande ajax attend JSON et n'acceptera rien, mais Json.

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

Type de contenu correct pour JSON et JSONP

La réponse visible dans firebug est une donnée texte. Vérifier Content-Type de l'en-tête de réponse à vérifier, si la réponse est json. CA devrait etre application/json pour dataType:'json' et text/html pour dataType:'html'.

45
Sorter

Je vous recommande d'utiliser:

var returnedData = JSON.parse(data);

convertir la chaîne JSON (s'il ne s'agit que de texte) en un objet JavaScript.

5
Shakti Patel

Utilisez la méthode parseJSON jquery pour convertir une chaîne en objet.

var objData = jQuery.parseJSON(data);

Maintenant vous pouvez écrire du code

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

essayez d'envoyer l'en-tête de type de contenu à partir du serveur, utilisez-le juste avant l'écho

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

Votre type de données est incorrect, changez le type de données pour dataType.

1
Arleal