web-dev-qa-db-fra.com

Comment résoudre SyntaxError: JSON.parse: caractère inattendu à la ligne 1 colonne 1 des données JSON en ajax et php

Comment résoudre cette erreur: SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

j'envoyais des données de et vers ajax et php.

voici mon code ajax:

flag = 111;
var dt = $(this).serializeArray();
dt.Push({
  name: 'flag',
  value: flag
});

$.ajax({
  url: 'emp.php',
  type: "post",
  async: true,
  data: dt,
  dataType: 'html',
  contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
  success: function(data) {
    var x = JSON.parse(data); //THIS Line shows error!!
    alert(x);
    $('#name').val(x.ename);
    $('#designation').val(x.designation);
    $('#department').val(x.department);
    $('#sd').val(x.secdivision);
  },
  error: function(jqXHR, textStatus, errorThrown) {
    console.log(textStatus, errorThrown);
  }
});

voici mon php:

$empid = (isset($_POST['employeeid'])) ? $_POST['employeeid'] : 'NOT';
$flag  = (isset($_POST['flag'])) ? $_POST['flag'] : 0;
if($flag == 111){
    $stid = oci_parse($conn, " begin   
                       :result :=  PKG_PAYROLL.get_emp_by_id('<employee_id>$empid/employee_id>');  
                       end;" ); 

    oci_bind_by_name($stid, ':result',$ru, 5000);   
    $output = oci_execute($stid);
    $ru = new SimpleXMLElement($ru);    
    $json = json_encode($ru, JSON_NUMERIC_CHECK);
    $jsonarray = json_decode($json ,true);  
    $jsn = $jsonarray['employee'];

    $array = array('employee' =>   $jsn['EMPID'],
                       'ename' => $jsn['ENAME'],
                       'designation' => $jsn['DESIGNATION'], 
                       'department'=>  $jsn['DEPARTMENT'],
                       'secdivision'=>  $jsn['SECDIVISION']);                      
    echo json_encode($array);
}

Mises à jour: Voici un exemple de données de réponse que j'ai reçues dans la console après echo json_encode($array);

<br />
<font size='1'><table class='xdebug-error xe-notice' dir='ltr' border='1' cellspacing='0' cellpadding
='1'>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f
; font-size: x-large;'>( ! )</span> Notice: Undefined index: employee in C:\wamp\www\Payroll\emp.php
 on line <i>24</i></th></tr>
<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align
='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left'
 bgcolor='#eeeeec'>Location</th></tr>
<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0002</td><td bgcolor
='#eeeeec' align='right'>247040</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='C:\wamp\www\Payroll
\emp.php' bgcolor='#eeeeec'>..\emp.php<b>:</b>0</td></tr>
</table></font>
{"employee":"FMCSC00015","ename":"Tom","designation":"Teacher","department":"English","secdivision":"Academic"
}

parsererror SyntaxError: JSON.parse: caractère inattendu à la ligne 1 colonne 1 des données JSON

Je suis confus quant à la raison principale de cette erreur, car j’avais déjà fait le même type de codage avec json plus tôt. J'ai vérifié que php fonctionne bien.

5
user5005768Himadree

Vous renvoyez JSON à partir du serveur et analysez HTML dataType du côté client. Donc, dans votre code, changez votre type de données: 

dataType: 'html'

à 

dataType: 'json'

J'espère que cela t'aides. 

8
Drudge Rajen

**** Si votre réponse est au format HTML, mais que la réponse contient des données JSON. Ensuite, vous avez rencontré cette erreur ("JSON.parse: caractère inattendu à la ligne 1 colonne 1 des données JSON"). Pour éviter cette erreur, utilisez le code ci-dessous: ****

$.ajax({
       url: 'emp.php',
       type: "post",
       async: true,
       data: dt,
       dataType: 'html',
       contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
       success: function(data) {
       try {
         var x = JSON.parse(data);
       } catch (e) {
           return false;
       }
         //JSON.parse(data) THIS Line shows error!!
       alert(x);
       $('#name').val(x.ename);
       $('#designation').val(x.designation);
       $('#department').val(x.department);
       $('#sd').val(x.secdivision);
      },
    error: function(jqXHR, textStatus, errorThrown) {
       console.log(textStatus, errorThrown);
    }
  });

Si votre réponse de PHP au format JSON simple, vous devez utiliser ce code. Mais dans ce cas, votre réponse du fichier PHP est uniquement au format JSON.

$.ajax({
   url: 'emp.php',
   type: "post",
   async: true,
   data: dt,
   dataType: 'json',
   contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
   success: function(data) {
   $('#name').val(data.ename);
   $('#designation').val(data.designation);
   $('#department').val(data.department);
   $('#sd').val(data.secdivision);
  },
  error: function(jqXHR, textStatus, errorThrown) {
   console.log(textStatus, errorThrown);
}
0
Sandeep K.