How can I access my PHP variables when calling ajax in jQuery?

Question

I am attempting to create a simple comment reply to posts on a forum using the AJAX function in jQuery. The code is as follows:

$.ajax({type:"POST", url:"./pages/submit.php", data:"comment="+ textarea +"& thread="+ currentId, cache:false, timeout:10000,
        success: function(msg) {
                // Request has been successfully submitted
                alert("Success " + msg);
        },
        error: function(msg) {
                // An error occurred, do something about it
                alert("Failed " + msg);
        },
        complete: function() {
                // We're all done so do any cleaning up - turn off spinner animation etc.
                // alert("Complete");
        }
    });

Inside the submit.php file I have this simple if->then:

    if(System::$LoggedIn == true)
{
    echo "Yes";
} else {
    echo "No";
}

This call works on all other pages I use on the site, but I cannot access any of my variables via the AJAX function. I've tested everything more than once and I can echo back whatever, but anytime I try to access my other PHP variables or functions I just get this error:

Failed [object XMLHttpRequest]

Why am I unable to access my other functions/variables? I must submit the data sent into a database inside submit.php using my already made $mySQL variable, for example. Again these functions/variables can be accessed anywhere else except when I call it using this AJAX function. After hours of Googling I'm just spent. Can anyone shed some light on this for me? Many thanks.

You'll have to give more details than that if you want us to help you fix this. If you can't describe the system better, try just giving us the entire source code? — Zarel
– Zarel, Commented Jun 21, 2010 at 6:19
The system is simply a class to handle user data. That may have been a bad example. I have a config file that has a variable, for example: $variable = "test"; And I cannot even access that inside the submit.php This variable is global throughout the project. Submit.php seems to have a scope all its own. — mrtwidget
– mrtwidget, Commented Jun 21, 2010 at 6:23
You should bypass AJAX and request the page directly by typing in the URL in your browser. You can then debug the problem with one less layer between you and the problem. — Fenton
– Fenton, Commented Jun 21, 2010 at 6:58
Did you include the config file in your submit.php ? Can you give more details of this script? — Brice Favre
– Brice Favre, Commented Jun 21, 2010 at 9:46
I'm a bit confused by your "Submit.php seems to have a scope all its own" statement - unless it includes another file containing an assignement for $variable, then it will be uninitialized (well maybe with register_globals but let's forget about that). If you want it to be persistent for a user between page views, you'll need to use a session variable (vie $_SESSION) — Joubarc
– Joubarc, Commented Jun 21, 2010 at 13:42

gawpertron · Accepted Answer · 2010-06-21 20:40:17Z

1

The PHP script that you have only returns a single variable. Write another script that that returns JSON or if you are feeling brave XML. below is a quick example using JSON.

In your javascript

$.ajax({
    type: 'GET'
    ,url: '../pages/my_vars.php'
    ,dataType: 'json'
    ,success: function(data){
        // or console.log(data) if you have FireBug
        alert(data.foo);
    }
});

Then in the php script.

// make an array or stdClass 
$array = array(
    'foo'  => 'I am a php variable'
    ,'bar' => '... So am I'
);

// Encodes the array into JSON
echo json_encode($array);

edited Jun 21, 2010 at 20:40

answered Jun 21, 2010 at 19:53

gawpertron

1,9473 gold badges22 silver badges38 bronze badges

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

Comments

Luke Stevenson · Accepted Answer · 2010-06-21 16:34:01Z

First thing, you have a space in the Data Parameter String for the URL - will cause problems.

Secondly, your success and error functions are referencing a variable msg. It seems you are expecting that variable to be a string. So, the question then becomes - What is the format of the output your PHP script at submit.php is producing?

A quick read of the jQuery API suggests that, if the format of the response is just text, the content should be accessible using the .responseText property of the response. This is also inline with the response you say you are getting which states "Failed [object XMLHttpRequest]" (as you are trying to turn an XHR into a String when using it in an alert.

Try this:

$.ajax( {
  type: "POST" ,
  url: "./pages/submit.php" ,
  data: "comment="+ textarea +"&thread="+ currentId ,
  cache: false ,
  timeout: 10000 ,
  success: function( msg ) {
   // Request has been successfully submitted
    alert( "Success " + msg.responseText );
  } ,
  error: function( msg ) {
   // An error occurred, do something about it
    alert( "Failed " + msg.responseText );
  } ,
  complete: function() {
   // We're all done so do any cleaning up - turn off spinner animation etc.
    // alert( "Complete" );
  }
} );

Collectives™ on Stack Overflow

How can I access my PHP variables when calling ajax in jQuery?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related