returning data in json with jquery?

Question

var thumb = $('img#thumb');

    new AjaxUpload('imageUpload', {
        action: 'upload.php',
        name: 'image',
                autoSubmit:'json',
        onSubmit: function(file, extension) {
            $('div.preview').addClass('loading');

        },
        onComplete: function(file, response) {
            thumb.load(function(){
                $('div.preview').removeClass('loading');
                thumb.unbind();
            });
            thumb.attr('src',pic.response);
        }
    });

php file:

<?php
$arr = array ('pic'=>'img/img.jpg');

echo json_encode($arr);
?>

but its not sending it back i dnt think!!! i tried using firebug, but it dnt show that its posting, to upload.php!!

im using calums ajax upload plugin by the way github.com/valums/ajax-upload — getaway
– getaway, Commented Jan 3, 2011 at 16:54
If Firebug indicates that the POST operation is not occuring, then the PHP is not relevant. You need to do some debugging on the event handlers and form fields. — Lightness Races in Orbit
– Lightness Races in Orbit, Commented Jan 3, 2011 at 17:00
yeh i know, im so confused!!! thier might be something wrong with the plugin!!! — getaway
– getaway, Commented Jan 3, 2011 at 17:02
zurb.com/playground/ajax_upload can someone please look at this TUT for me!! — getaway
– getaway, Commented Jan 3, 2011 at 17:08

s3v3n · Accepted Answer · 2011-01-03 17:18:54Z

1

I don't see that you're sending any data in your code. Take a look to the official documentation especially to data parameter.

answered Jan 3, 2011 at 17:18

s3v3n

8,5255 gold badges44 silver badges57 bronze badges

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

Comments

Quentin · Accepted Answer · 2011-01-03 16:56:47Z

1

I suspect you are looking for response.pic and not pic.response.

You are also failing to specify: header('Content-type: application/json');

answered Jan 3, 2011 at 16:56

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

5 Comments

s3v3n Over a year ago

it is ok not sending header because some dumb browsers don't understand that and save the response as a download. In order to read the json use Jquery's parseJSON api.jquery.com/jQuery.parseJSON

Quentin Over a year ago

@getaway — just use that as the first line of the PHP script.

Quentin Over a year ago

@s3ven — which browsers will try to save a JSON response (with the correct content type) as a download if it is requested using XHR? … oh, this is going to be trying to deal with it using an iframe if there is a file upload, isn't it?

getaway Over a year ago

@david thanks david, i actually dnt think its the jason problem, this jquery is not sending the data to post, as shown on firebug!!

s3v3n Over a year ago

@David I just read that info somewhere, and it referred to some non-popular browsers. I don't know what's the deal with the iframe, I just understood that it's not good to send this header. For example: entwicklungsgedanken.de/2008/06/06/…

Collectives™ on Stack Overflow

returning data in json with jquery?

2 Answers 2

Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related