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.
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.
**** 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);
}