JSON response from php on AJAX call

Question

I am doing a ajax call from java script and Im trying to get json response from php, if I set dataType as JSON, ajax error block is getting executed if not success block is getting executed, without specifying dataType if I try to console.log the response in success block I am getting nothing

JS

let CurrentDate = Date();
console.log(CurrentDate);

jsonObject = {
   'TrackName' : 'Material Science',
    'TrackDesc' : 'Test Text Test Text Test Text Test Text Test Text Test Text Test Text ',
    'Timestamp' : CurrentDate
}
console.log(jsonObject);
$.ajax({
    type:'post',
    url:'../../../../PHP/adminScripts/addNewTrack.php',
    contentType: "application/json",
    data: {trackDetails:jsonObject},
    dataType: "json",
    success: function(response) {
        console.log('SUCCESS BLOCK');
        console.log(response);
    },
    error: function(response) {
        console.log('ERROR BLOCK');
        console.log(response);
    }
});

PHP

<?php
header('Content-type: application/json');
include('../connection.php');

if($_POST) {
$obj = $_POST['trackDetails'];

$TrackName = mysql_real_escape_string($obj['TrackName']);
$TrackDesc = mysql_real_escape_string($obj['TrackDesc']);
$TrackAdderID = 'Admin ';                  //$_SESSION["userID"];
$Timestamp = mysql_real_escape_string($obj['Timestamp']);

$response_array['status'] = 'status123';
echo json_encode($response_array);

please help me figure out how to get json response to an ajax call in PHP

Are you sure that you are calling the Correct URL '../../../../PHP/adminScripts/addNewTrack.php' — Noman Ali
– Noman Ali, Commented May 9, 2017 at 8:50
can u try to remove contentType in the ajax then have dataType : "json",encode:true, then remove the header in php — Masivuye Cokile
– Masivuye Cokile, Commented May 9, 2017 at 9:02

Mahfuzur Rahman · Accepted Answer · 2017-05-09 09:05:52Z

In your JS file, remove contentType: "application/json",
In your php file, check "include file url" and
Close if statement block properly

JS File:

let CurrentDate = Date();
jsonObject = {
   'TrackName' : 'Material Science',
    'TrackDesc' : 'Test Text Test Text Test Text Test Text Test Text Test Text Test Text ',
    'Timestamp' : CurrentDate
}
$.ajax({
    type:'post',
    url:'addNewTrack.php',
    data: {trackDetails:jsonObject},
    dataType: "json",
    success: function(response) {
        console.log('SUCCESS BLOCK');
        console.log(response);
    },
    error: function(response) {
        console.log('ERROR BLOCK');
        console.log(response);
    }
});

PHP File:

<?php
    header('Content-type: application/json');
    include('../connection.php');

    if($_POST) {
        $obj = $_POST['trackDetails'];

        $TrackName = mysql_real_escape_string($obj['TrackName']);
        $TrackDesc = mysql_real_escape_string($obj['TrackDesc']);
        $TrackAdderID = 'Admin ';                  //$_SESSION["userID"];
        $Timestamp = mysql_real_escape_string($obj['Timestamp']);

        $response_array['status'] = 'status123';
        echo json_encode($response_array);
    }
?>

ADyson · Accepted Answer · 2017-05-09 09:11:04Z

0

Remove contentType: "application/json" from your JS code, and in the PHP file close the braces properly, it will work fine.

edited May 9, 2017 at 9:11

ADyson

62.9k16 gold badges85 silver badges99 bronze badges

answered May 9, 2017 at 9:08

sangram singh

1492 bronze badges

Comments

Korkut hacisalihoğlu · Accepted Answer · 2023-10-30 16:50:25Z

0

<?php

$return_code = 1;// or 0
$message = 'Message';
$time = date("Y-m-d H:i:s");

echo '{"return_code":"'.$return_code.'","mesaj":"'.$message .'","t":"'.$time  .'"}';
?>

then javascript in ajax success

<script>
success: function (e) {
const json = JSON.parse(e);
const validJSON = !!json;
}
</script>

json.t for time, json.return_code

answered Oct 30, 2023 at 16:50

Korkut hacisalihoğlu

611 silver badge5 bronze badges

Comments

General Grievance · Accepted Answer · 2024-03-05 13:57:13Z

0

You can convert the PHP array in JSON format with json_encode() function and return as a response. Set dataType: 'JSON' when send AJAX request.

edited Mar 5, 2024 at 13:57

General Grievance

5,12039 gold badges39 silver badges60 bronze badges

answered Aug 13, 2020 at 13:53

Dhruv

2,1101 gold badge10 silver badges6 bronze badges

Collectives™ on Stack Overflow

JSON response from php on AJAX call

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related