Пример на CodePen.
При нажатии на кнопку Get geolocation data JavaScript добавляет id, широту и долготу в JSON. Вот этот JavaScript код:
var JSONID = 0;
// Create a JSON Object Array
var geoLocJSON = new Array();
var x = document.getElementById("location");
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.watchPosition(showPosition);
} else {
x.innerHTML = "Geolocation is not supported by this browser.";}
}
function showPosition(position) {
x.innerHTML = "Latitude: " + position.coords.latitude +
"<br>Longitude: " + position.coords.longitude;
var myJSON = {
"id":JSONID,
"geoLoc":{
"latitude":position.coords.latitude,
"longtitute":position.coords.longitude
}
};
// Increments the JSONID
JSONID++;
geoLocJSON.push(myJSON);
При нажатии кнопки Send geolocation data нужно отправить и записать эти данные в базу данных. Есть PHP файл, который вставляет данные в базу данных:
<?php
//connect to mysql db
$con = mysql_connect("host_link","login","password") or die('Could not connect: ' . mysql_error());
//connect to the Coordinates database
mysql_select_db("Coordinates", $con);
//get the location details
$id = $data['id'];
$lat = $data['geoloc']['latitude'];
$lon = $data['geoloc']['longtitude'];
//insert into mysql table
$sql = "INSERT INTO tbl_emp(id, latitude, longtitude)
VALUES('$id', '$lat', '$lon')";
if(!mysql_query($sql,$con))
{
die('Error : ' . mysql_error());
}
?>
В JavaScript ошибок нету. Но нужно прописать AJAX запрос, чтобы он отправлял эти данные (ниже пример) в PHP файл
var myJSON = {
"id":JSONID,
"geoLoc":{
"latitude":position.coords.latitude,
"longtitute":position.coords.longitude
}
};
И чтобы PHP файл принимал эти данные.
Я в PHP и AJAX новичок. Но понимаю, что в jQuery, можно использовать данный метод:
$.ajax({
type: "POST",
url: url_to_php_file,
data: data,
success: success,
dataType: dataType
});
Но как этой конструкции сказать, чтобы она брала именно данные из geoLocJSON массива (а именно данные объекта myJSON) и как потом в PHP прописать, чтобы он эти данные принял?