Jquery Not Passing Value to php page

Question

I am coding a php album to preview the images and comments i am using Jquery below is code

php

$photo .="<div class=\"imagearray\"><span>".$imagerealname ."</span><br/><div class=\"imagecontent\"><image src='uploads/thumb_".$query['imagesrc']."' alt='image' id='".$query['ImageSN']."' /></div>share delete</div>";

To call images from Database

then click on any image jquery function executes

// display photo preview ajaxy
    $('.imagearray .imagecontent img').click(function (event) {
        if (event.preventDefault) event.preventDefault();

        getPhotoPreviewAjx($(this).attr('id'));
    });
})

getPhotoPreviewAjx is

function getPhotoPreviewAjx(id) {

        var id = id;
        alert(id);  
    $.post('commentblock.php',
            { action: 'get_info', Id: id },
        function(data){
            $('#photo_preview .pleft').html(data.data1);
            $('#photo_preview .pright').html(data.data2);
            $('#photo_preview').show();
        }, "json"
    );
};

this code is working till alert(id); and next i dont think it is passing values to commentblock.php

starting of commentblock.php is

if( $_POST['action'] == "get_info" &&  isset($_POST['Id']))
{
echo $_POST['id'];

and it is not working need some guideness struck here :(

Could you add another alert in postback call? function(data){ console.info(data); .... — kpull1
– kpull1, Commented Mar 21, 2014 at 15:17
i tried that tell me something will this show in console if yes than nothing in console — M.chaudhry
– M.chaudhry, Commented Mar 21, 2014 at 15:24
@RocketHazmat I was debugging to check jquery passing id or not — M.chaudhry
– M.chaudhry, Commented Mar 21, 2014 at 15:25
Your AJAX call is just echoing the id. So, data.data1 won't exist. — gen_Eric
– gen_Eric, Commented Mar 21, 2014 at 15:25

michaelward82 · Accepted Answer · 2014-03-21 16:50:18Z

1

(After debugging)

The javascript works correctly. There is an error or something stopping it working correctly in server side code.

edited Mar 21, 2014 at 16:50

answered Mar 21, 2014 at 15:12

michaelward82

4,74628 silver badges40 bronze badges

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

7 Comments

M.chaudhry Over a year ago

Nothing no result id and action are empty any other way through jquery to make that call?

michaelward82 Over a year ago

Add console.log($(this).attr('id')); before getPhotoPreviewAjx($(this).attr('id')); and tell me what it outputs to the developer console.

michaelward82 Over a year ago

Can you see the POST data sent by the AJAX request in the network section of your web browsers developer tools?

M.chaudhry Over a year ago

in developer tools i can only see 2 which is img id and problem is in function getPhotoPreviewAjx i appreciate your help

michaelward82 Over a year ago

I can see "action:get_info, Id:2" being posted from the ajax request.

|

nettux · Accepted Answer · 2014-03-21 15:19:39Z

0

try changing { action: 'get_info', Id: id }, to { data: $("form").serialize() } (I'm assuming your data is coming from inputs in a form element named 'get_info' and 'Id')

answered Mar 21, 2014 at 15:19

nettux

5,4444 gold badges26 silver badges34 bronze badges

1 Comment

M.chaudhry Over a year ago

no form here like i pasted in my Question id is coming from Img click function

Collectives™ on Stack Overflow

Jquery Not Passing Value to php page

2 Answers 2

7 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related