HTML5 位置插入 MySQL 数据库

标签: sql html5 MySQL PHP
发布时间: 2016/10/16 9:26:14
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

要向数据库中插入用户的 HTML5 位置 !所以基本上我想要它提交用户当他/她按提交时的位置。

HTML5 位置代码︰

var x = document.getElementById("demo");

function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(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;  
}

我当前的代码︰

$post = filter_input(INPUT_POST, 'post', FILTER_SANITIZE_SPECIAL_CHARS);
$name = filter_input(INPUT_POST, 'name', FILTER_SANITIZE_SPECIAL_CHARS);

INSERT INTO news (post, name, date, location) VALUES ('".$post."', '".$name."', '".date('Y-m-d H:i:s')."', '".$location."')

解决方法 1:

您将需要一个 Ajax 调用,如︰

function postData(phpFile, newData){
    $.ajax({
        type: 'POST',
        data: newData,
        url: phpFile,
    success: function(data) {
    },
    error: function() {}
    });
}

当按下提交按钮,您将调用 postData ('yoursavephpfile.php ',{"位置": getLocation()}); 通过一个 onclick 属性。(假设你的 getLocation 返回位置值) 注意︰ 别忘了将最新的 jquery 添加到您的标头︰

<script src="http://code.jquery.com/jquery-latest.min.js"
        type="text/javascript"></script>

您的 php 文件会看起来像︰

<?php

 $location = $_POST['location'];
 //Then perform your query here......
?>
官方微信
官方QQ群
31647020