jQuery AJAX Call to PHP Script with JSON Return

Question

I ve been smashing my head against a brick wall with this one  i ve tried loads of the solutions on stackoverflow but can t find one that works    Basically when I POST my AJAX the PHP returns JSON but the AJAX shows Undefined instead of the value    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- gt 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- gt query  sql             row   mysql fetch array  result        users    row  users        if   users     0             return  json     json encode  return           echo json encode array  status    gt   error   message   gt   There are users in this group          else            sql2   DELETE FROM   GROUP TBL   WHERE group id    group id              result    db- gt query  sql2            if   result               echo json encode array  status    gt   error   message   gt   The group has not been removed              else              echo json encode array  status    gt   success   message   gt   The group has been removed                       JSON Result from firebug     status   success   message   success message     AJAX Displays the JSON result as Undefined and I dont have a clue why  I have tried displaying adding dataType  json  and datatype  json   I have also tried changing it to data status and data  status    still no joy though    Any help would be really appreciated

User · Accepted Answer

Make it dataType instead of datatype    And add below code in php as your ajax request is expecting json and will not accept anything  but json   header  Content-Type  application json      Correct Content type for JSON and JSONP  The response visible in firebug is text data  Check Content-Type of the response header to verify  if the response is json  It should be application json for dataType  json  and text html for dataType  html

User · Answer

Your datatype is wrong  change datatype for dataType

User · Answer

Use parseJSON jquery method to covert string into object  var objData   jQuery parseJSON data     Now you can write code      result   html objData  status        objData  message

User · Answer

I recommend you use   var returnedData   JSON parse data     to convert the JSON string  if it is just text  to a JavaScript object

User · Answer

try to send content type header from server use this just before echoing   header  Content-Type  application json

[javascript] jQuery AJAX Call to PHP Script with JSON Return

Examples related to javascript

Examples related to php

Examples related to jquery

Examples related to ajax

Examples related to json