PHP json_encode for JQuery

Question

I'm working on a method in my class that outputs error messages for both ajax and regular post request. The PHP part works fine, but the json part doesn't seem to. Here is my method:

public $formError = false;
public $phpErrors = '';
public $jsonErrors = array();

// ------------------------------------------------------------
// ERROR PROCESSING
// ------------------------------------------------------------
private function responseMessage($bool, $msg) {
    $return['error'] = $bool;
    $return['msg'] = $msg;
    if (isset($_POST['plAjax']) && $_POST['plAjax'] == true) {
        $this->jsonErrors[] = $return;
    } else {
        foreach ((array) $msg as $key => $value) {
            $this->phpErrors .= $msg;
        }
    }
    $this->formError = true;
}

I think, the problem is that no matter if it is just a single error message or multiple, the json object is always wrapped with square brackets. I couldn't find anything online that would show an example. The messages look like this:

SINGLE ERROR:

[{"error":true,"msg":"Error message 1 ..."}]

MULTIPLE ERRORS:

[{"error":true,"msg":"Error message 1 ..."},{"error":true,"msg":"Error message 2 ..."}]

Firebug shows 200 OK but my JQuery does not output any messages:

$.ajax({
    type: 'POST',
    url: plSubmitUrl,
    data: plFormData,
    dataType: 'json',
    cache: false,
    timeout: 10000,
    success: function (data) {
        if (data.error === true) {

            // display error message
            plResponse(data.msg, true);

            ...
        } else if (data.error === false) {

            // display success message
            plResponse(data.msg, true);

            ...
        }
    },

When I was showing only one message at a time, the JQuery was working fine.

Any help would be great. Thanks

Sarfraz · Accepted Answer · 2012-06-04 16:58:43Z

1

Dont use strict equality operator === since from PHP you are actually sending string, instad of:

if (data.error === true)

Use:

if (data.error == true)

answered Jun 4, 2012 at 16:58

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

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

Comments

Nishu Tayal · Accepted Answer · 2012-06-04 17:07:51Z

0

Since multiple error contains more than one index, so it might not picking data. check length for more than error.

$.ajax({
type: 'POST',
url: plSubmitUrl,
data: plFormData,
dataType: 'json',
cache: false,
timeout: 10000,
success: function (data) {
    var x = data.length;

    if(x == 1){
        if (data.error === true) {

           // display error message
            plResponse(data.msg, true);

        ...
        } else if (data.error === false) {

          // display success message
           plResponse(data.msg, true);
        }
   }else{
       jQuery.each(data,function(key,val){
           // do whatever you need
       }

}

edited Jun 4, 2012 at 17:07

answered Jun 4, 2012 at 16:56

Nishu Tayal

20.9k8 gold badges53 silver badges105 bronze badges

Comments

Nicolás Torres · Accepted Answer · 2012-06-04 17:10:52Z

0

header('Content-Type: application/json');

Add this right before echoeing in your PHP script to let jquery know it has to parse the whole string as JSON.

And use "==" to compare instead of "==="

answered Jun 4, 2012 at 17:10

Nicolás Torres

1,3458 silver badges13 bronze badges

Collectives™ on Stack Overflow

PHP json_encode for JQuery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related