Send JavaScript variable to PHP

Question

What im trying to do here is sending a JavaScript variable to a PHP function. What I'm developing is a jQuery Mobile App where you can check in when you reach a specific longitude/latitude. But I'm having problem with sending the longitude/latitude to the PHP-function. Im sending it to a PHP-function because im gonna do a comparison with the longitude/latitude that I've stored in my database.

Here's my code.

        function testResults() {

            if(navigator.geolocation) {
                //Get the current position
                navigator.geolocation.getCurrentPosition(function(position) {
                    var latitude = position.coords.latitude;
                    var longitude = position.coords.longitude;
                    document.write("lat", latitude);
                    document.write('<br /><br />');
                    document.write("long", longitude);
                });
            } else {
                alert("Sorry... your browser does not support the HTML5 GeoLocation API");
            }

         //////////// Here I tried with jQuery/Ajax. I know that it's wrong.
        ////////////  Im putting it here so that it maybe clarifies what Im 
       ////////////   trying to do.

            $.post("checkLocation.php", {
                lat : latitude,
                longi : longitude
            }, function(data) {
                alert("Data Loaded: " + data);
            });

      ////////////////////////////////////////////////////////////////////

        }

        testResults();

How do I approach this problem? I've tried with JSON, but i didn't get it to work. Any help will be appreciated.

Please post the PHP-Side of your Application.> And make wellformed JSON: { "lat": latitude, "lng": longitude } — frank_neff
– frank_neff, Commented Dec 1, 2011 at 14:01
@frank_neff: That's a object literal and not JSON. No need for quotes there. The AJAX library serializes the object into wellformed JSON completely independently from whether source code has quotes or not. — RoToRa
– RoToRa, Commented Dec 1, 2011 at 14:07
I don't quite have a functional php-side yet. But Im working on it as we speak. — Oscar
– Oscar, Commented Dec 1, 2011 at 16:50

SLaks · Accepted Answer · 2011-12-01 13:59:31Z

2

You're sending the request before you get the geolocation response

You need to do it inside the callback.

answered Dec 1, 2011 at 13:59

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

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

1 Comment

Oscar Over a year ago

Im not sure if I understand what you are meaning ?

Simone · Accepted Answer · 2011-12-01 14:00:24Z

0

Try to use AJAX

http://api.jquery.com/jQuery.ajax/

Your handler should look like this:

$.ajax({
  type: "POST",
  url: "checklocation.php",
  data: "lat="+latitude+"&longi="+longitude
}).done(function( msg ) {
  alert( "Data Saved: " + msg );
});

answered Dec 1, 2011 at 14:00

Simone

21.6k15 gold badges84 silver badges112 bronze badges

2 Comments

Oscar Over a year ago

Thank you very much. It looks very helpful. I will look it up right away.

Mattygabe Over a year ago

You could possibly also build a JSON object in earnest instead of just building a Javascript string to send the data: data: {lat: latitude, longi: longitude }

Distdev · Accepted Answer · 2011-12-01 14:04:42Z

navigator.geolocation.getCurrentPosition(function(position) {
                var latitude = position.coords.latitude;
                var longitude = position.coords.longitude;
                document.write("lat", latitude);
                document.write('<br /><br />');
                document.write("long", longitude);
            });

you have local vars latitude and longitude here. If you want to use them outside of this function you can use global vars:

var latitude;
var longitude;
//...
navigator.geolocation.getCurrentPosition(function(position) {
                latitude = position.coords.latitude;
                vlongitude = position.coords.longitude;
                document.write("lat", latitude);
                document.write('<br /><br />');
                document.write("long", longitude);
            });

//usage(transfer) of vars

frank_neff · Accepted Answer · 2011-12-01 14:10:53Z

Try to use the AJAX-Request in callback (Proof of concept, not shure if it works):

function testResults()
{
    if (navigator.geolocation)
    {
        //Get the current position
        navigator.geolocation.getCurrentPosition(function (position)
        {
            var latitude = position.coords.latitude;
            var longitude = position.coords.longitude;

            // do callback                
            $.ajax(
            {
                type: "POST",
                url: "checklocation.php",
                data: "lat=" + latitude + "&lon=" + longitude
            }).done(function (msg)
            {
                alert("Data Saved: " + msg);
            });

        });
    }
    else
    {
        alert("Sorry... your browser does not support the HTML5 GeoLocation API");
    }
}

testResults();

Cheers. Frank

I have seen that jqXHR.done() is deprecated in 1.8. Use 'success: function () {}' and 'error: () {}' instead. api.jquery.com/jQuery.ajax

Collectives™ on Stack Overflow

Send JavaScript variable to PHP

4 Answers 4

1 Comment

2 Comments

Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

2 Comments

Comments

2 Comments

Linked

Related