Display error on ajax response from php function

Question

I have some ajax call like this

function ExportData() {
  var data = {
    action: "export_database", // the name of your PHP function!
  };

  jQuery.ajax({
    type: "POST",
    url: ajaxurl,
    data: data,
    beforeSend: function () {},
    success: function (data) {
      alert(data);
    },
  });
}

And php function like this

function export_database(){
  return $response;
}

The problem is in that response I have something like this

{
    "type": "https://tools.ietf.org/html/rfc7231#section-6.5.1",
    "title": "One or more validation errors occurred.",
    "status": 400,
    "traceId": "|3fa58ee1-48bf0cb9f60bfa25."
}

I want to alert only title, but when i try data.title , i got undefine Do I must encode or decode something, thanks?

while returning from export_database function, return like json_encode($response). and then you can use JSON.parse(data) in JS. — Rohit Ambre
– Rohit Ambre, Commented Jun 18, 2020 at 6:47
@RohitAmbre i do not think there is a need on the php side to do json_encode as the response he is getting is already an json object. — Always Helping
– Always Helping, Commented Jun 18, 2020 at 7:03

Always Helping · Accepted Answer · 2020-06-18 06:50:15Z

1

This is what you need. Just access the object by data.title and it will show in the alert()

You need to define dataType as json in your request.

If its does not work then use JSON.parse(data) like this:

var response = JSON.parse(data)
alert(response.title)

Try below:

function ExportData() {
  var data = {
    action: "export_database", // the name of your PHP function!
  };

  jQuery.ajax({
    type: "POST",
    url: ajaxurl,
    dataType: 'json'
    data: data,
    beforeSend: function () {},
    success: function (data) {
      alert(data.title);
    },
    error: function(error){
      //Error
      alert(error.title)
    }
  });
}

Hope this helps.

edited Jun 18, 2020 at 6:50

answered Jun 18, 2020 at 6:47

Always Helping

14.6k4 gold badges16 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Miomir Dancevic Over a year ago

I have tried alert(data.title); but i got undefined??

Rohit Ghotkar · Accepted Answer · 2020-06-18 06:59:45Z

1

Try Below:

    function ExportData() {
      var data = {
        action: "export_database", // the name of your PHP function!
      };

      jQuery.ajax({
        type: "POST",
        url: ajaxurl,
        data: data,
        beforeSend: function () {},
        success: function (data) {
          var parsedData = jQuery.parseJSON(data)
          alert(parsedData.title);
        },
      });
    }

answered Jun 18, 2020 at 6:59

Rohit Ghotkar

8036 silver badges17 bronze badges

Comments

Ranjeet · Accepted Answer · 2020-06-18 06:49:01Z

0

You have to use JSON.parse() for accessing data objects Like this:

function ExportData() {
  var data = {
    action: "export_database", // the name of your PHP function!
  };

  jQuery.ajax({
    type: "POST",
    url: ajaxurl,
    data: data,
    beforeSend: function () {},
    success: function (data) {
var res = JSON.parse(data)
      alert(res.title);
    },
  });
}

answered Jun 18, 2020 at 6:49

Ranjeet

5795 silver badges13 bronze badges

Collectives™ on Stack Overflow

Display error on ajax response from php function

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related