Can I post an ajax value to a same page. And Handle with php $_GET, $_POST, or $_REQUEST

Question

Here I'm attaching the image of my code. I need to post an id to the same page when I clicking a link, and also need to pop-up a bootstrap model window. I'm worked with several methods. The value is available at console and fire bug inspect. But I could not get the id using $_GET,$_POST or $_REQUEST methods. Any Can you help me?

<td><p data-placement="top" data-toggle="tooltip"  title="Edit"><button class="btn btn-primary btn-xs" data-title="Edit" data-toggle="modal" data-target="#edit" id="edit-button" data-id="26" ><span class="fa fa-pencil"></span></button></p></td>

<script>
$('#edit-button').click(function(){
    var eid = $(this).data('id');
    $.ajax
    ({ 
        url: 'managers.php',
        data: {"eid": eid},
        type: 'post',
        success: function(result)
        {
            console.log(eid);
        }
    });
});
</script>

Professor Abronsius · Answer 1 · 2017-05-30T07:39:35.820

1

It appears that the ajax request succeeds but returns the entire page rather than the specific data you need. To alleviate this check for the request method (POST) and for the existence of the particular variable (eid) and, before sending any data back, clear the output buffer (ob_clean) - proceed with processing and then exit/die.

<?php

    if( $_SERVER['REQUEST_METHOD']=='POST' && isset( $_POST['eid'] ) ){
        ob_clean();

        /* other code presumably to do something with POSTed data */

        /* send some sort of response */
        echo $_POST['eid'];


        exit();
    }

?>

Complete example of returning only required data rather than entire page.

<html>
  <head>
    <script src="//code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    </head>
    <body>
        <p>This HTML data will not be part of the ajax response, only "the value of eid: X"</p>


        <input type='button' id='edit-button' data-id=303 value='Edit' />
        <script>
        $('#edit-button').click(function(){
            var eid = $(this).data('id');
            $.ajax
            ({ 
                url: 'simplejquery.php',/* chenge this to suit your url */
                data: {"eid": eid},
                type: 'post',
                success: function(result)
                {
                    console.log(result);
                    alert(result)
                }
            });
        });
        </script>
    </body>
</html>

edited May 30 '17 at 07:39

answered May 30 '17 at 07:12

Professor Abronsius

33,063
5
32
46

anything in the console? – Professor Abronsius May 30 '17 at 07:22
Yes, value of 'eid' is there – Vimal Kumar May 30 '17 at 07:24
But I don't know why that is not available here if( $_SERVER['REQUEST_METHOD']=='POST' && isset( $_POST['eid'] ) ){ ob_clean(); //global $eid; echo $eid=$_POST['eid']; – Vimal Kumar May 30 '17 at 07:28
As you said how can I return specific data rather than the entire page – Vimal Kumar May 30 '17 at 07:32
1

Your ajax callback function is not working with the response data - it is simply logging ( to the console ) the value you send initially. The callback needs to work with `result` – Professor Abronsius May 30 '17 at 07:47
Oh sorry, Same problem, the value 303 is available in console and alert box but not in the required page. – Vimal Kumar May 30 '17 at 10:44
1

You have the use the callback function to process the response. The response data itself will not be returned to the page as such as it is an asynchronous process. – Professor Abronsius May 30 '17 at 11:45

Can I post an ajax value to a same page. And Handle with php $_GET, $_POST, or $_REQUEST

1 Answers1