将JavaScript中的值直接插入MySQL数据库

Question

我正在使用此JS函数来获取访问者的地理位置并将其显示在页面上。 这很好。

        function onGeoSuccess(location) {
        console.log(location);
        var strLocation = '<b>Latitude:</b> ' + location.coords.latitude + '<br />' +
                        '<b>Longitude:</b> ' + location.coords.longitude + '<br />' +
                        '<b>City:</b> ' + location.address.city + '<br />' +
                        '<b>Country:</b> ' + location.address.country + '<br />' +
                        '<b>Country Code:</b> ' + location.address.countryCode + '<br />' +
                        '<b>Region:</b> ' + location.address.region + '<br />' +
                        '<b>Accuracy:</b> ' + location.coords.accuracy + '<br />' +
                        '<br />'
        document.getElementById('geofound').innerHTML = strLocation;
    }
//The callback function executed when the location could not be fetched.
function onGeoError(error) {
    console.log(error);
}

window.onload = function () {
    //geolocator.locateByIP(onGeoSuccess, onGeoError, 2, 'map-canvas');
    var html5Options = { enableHighAccuracy: true, timeout: 6000, maximumAge: 0 };
    geolocator.locate(onGeoSuccess, onGeoError, true, html5Options, 'geo-details');
};

现在，我想在每次调用时将此信息保存到MySQL数据库中。 就像是：

var strLocation = '$addtodb = "mysql_query('INSERT INTO gpsdb (lat, lon, city, country, code, region, accuracy) values (location.coords.latitude, location.coords.longitude, ...))"'

但是我认为这不是正确的方法。 直接从JS将信息输入数据库的正确方法是什么？ 我不需要像现在在JS中那样回显信息，我宁愿在将其输入数据库后从数据库中提取该信息。 JS仅用于插入数据库。

Answer 1

您将需要使用ajax调用您的服务器端语言http://api.jquery.com/jquery.ajax/ ，然后将信息插入数据库

例如

发布到数据库

function insertIntoDatabase(location){
 $.ajax({
   url: 'serversideurl',
   type : "POST",       
   data: location,       
   success: function(response) {
    // after success from server show the location on screen?
    document.getElementById('geofound').innerHTML = response.location;
    }
 });

}

然后，您可以在服务器内部解析对象，或者在将其作为数据发送之前由客户端完成。 并运行mysql_query