PHP variable not echoing on page via ajax jquery

Question

I am having a problem with my code as my php variable is not being echoed on page when using ajax jquery. Here is my code...

<script>
    function refresh_div() {
     $('.loader').show();
     var username = "<?php echo $user; ?>";
     jQuery.ajax({
            type: "POST",
            url: "load.php",
            data:{user : username},
            success:function() {
                jQuery("#load_msgs").append(response+'<br>');

            },
            complete: function(){
        $('.loader').hide();
      }
        });
    }

    t = setInterval(refresh_div,1000);
</script>

i am trying to send "username" to page url "load.php"... i called it this way but nothing is being echoed...

if(isset($_POST['user'])) {
     echo $_POST['user'];
}

pls help out thanks... :)

edited...

when i tried using this code i.e adding passing response as parameter in success function like this ...

<script>
    function refresh_div() {
     $('.loader').show();
     var username = "<?php echo $user; ?>";
     jQuery.ajax({
            type: "POST",
            url: "load.php",
            data:{user : username},
            success:function() {
                jQuery("#load_msgs").append(response+'<br>');

            },
            complete: function(){
        $('.loader').hide();
      }
        });
    }

    t = setInterval(refresh_div,1000);
</script>

.... the data (username) gets displayed every second.. like a blink toggling on and off the page... how do i make the data display static in order to use the variable on the ajax page. Thanks :)

change success:function() { to success:function(response) { also you did not specify dataType so you need to parse — guradio
– guradio, Commented Dec 1, 2015 at 6:52
when i changed it to success:function(response) { , it kept toggling on and off very frequently(every second probably)... i already tried that — adetiwa
– adetiwa, Commented Dec 1, 2015 at 6:56
where did you wrote your JS code ? in same PHP file ? if code is written in php file, then it should echo the var. — Qazi
– Qazi, Commented Dec 1, 2015 at 6:59

Norlihazmey Ghazali · Accepted Answer · 2015-12-01 06:53:14Z

0

Where the response variable you get? Should be :

success : function( response ) {
   jQuery("#load_msgs").append(response+'<br>');

},

answered Dec 1, 2015 at 6:53

Norlihazmey Ghazali

9,0701 gold badge26 silver badges42 bronze badges

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

5 Comments

adetiwa Over a year ago

i did this and it started echoing data and disappearing every second.. like a blink... what can i do to stop the toggling?

Norlihazmey Ghazali Over a year ago

Does the data append inside #load_msgs container?

adetiwa Over a year ago

yes... then it starts toggling off and on.. every second

Norlihazmey Ghazali Over a year ago

What is $('.loader')?

adetiwa Over a year ago

loader is the class of the spinning img gif i used

Nirali Kavar · Accepted Answer · 2015-12-01 07:00:19Z

0

please take a datatype as json in ajax call and in loads.php function add two line as below..

if(isset($_POST['user'])) {
     $data['user'] =  $_POST['user'];
}
echo json_encode($data);

also change in success function.

success:function(response) {
                jQuery("#load_msgs").append(response.user);

}

answered Dec 1, 2015 at 7:00

Nirali Kavar

9843 gold badges8 silver badges19 bronze badges

Comments

Tim van Uum · Accepted Answer · 2015-12-01 07:02:16Z

0

A bit more simplified would be:

$.post(URL, { data: somefield }, function(result) {
    result = JSON.parse(result);
    If(result && result.status === 'true'){

    }
)};

Depends a bit on the return at server side.

answered Dec 1, 2015 at 7:02

Tim van Uum

1,9132 gold badges17 silver badges37 bronze badges

Comments

Sanjay Kumar N S · Accepted Answer · 2015-12-01 07:02:18Z

0

You missed response in success function. Try this:

<script>
    function refresh_div() {
     $('.loader').show();
     var username = "<?php echo $user; ?>";
     jQuery.ajax({
            type: "POST",
            url: "load.php",
            data:{user : username},
            success:function(response) {
                $("#load_msgs").append(response+'<br>');

            },
            complete: function(){
        $('.loader').hide();
      }
        });
    }

    t = setInterval(refresh_div,1000);
</script>

answered Dec 1, 2015 at 7:02

Sanjay Kumar N S

4,7595 gold badges25 silver badges41 bronze badges

Collectives™ on Stack Overflow

PHP variable not echoing on page via ajax jquery

4 Answers 4

5 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

5 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related