Php 基于HTML5地理位置，通过表单选择下拉列表筛选结果

我有一个简单的表单选择下拉列表，可以按城市过滤行。现在我要做的是根据用户的位置过滤这些结果。我最近了解到，可以使用HTML地理位置获取用户的位置（long，lat）。下面是实现这一点的脚本

然而，我有点不知道如何将其与基于所选城市从MySQl数据库检索行的PHP代码结合使用

$（文档）.ready（函数（）{
var x=document.getElementById（“演示”）；
函数getLocation（）{
if（导航器.地理位置）{
navigator.geolocation.getCurrentPosition（showPosition，showError）；
}否则{
x、 innerHTML=“此浏览器不支持地理位置。”；
}
}
功能显示位置（位置）{
x、 innerHTML=“纬度：”+position.coords.Latitude+
“
经度：”+位置坐标经度；
}
功能错误（错误）{
开关（错误代码）{
案例错误。权限被拒绝：
x、 innerHTML=“用户拒绝了地理位置请求。”
打破
案例错误。位置不可用：
x、 innerHTML=“位置信息不可用。”
打破
大小写错误。超时：
x、 innerHTML=“获取用户位置的请求超时。”
打破
案例错误。未知错误：
x、 innerHTML=“发生未知错误。”
打破
}
}
getLocation（）；
showPosition（位置）；
});	

您希望通过ajax调用将收到的数据发送到php脚本

这里只是一个示例，但您应该能够从这里开始使用它：

$(document).ready(function(){
$("#submit").click(function(){
var name = $("#name").val();
var email = $("#email").val();
var password = $("#password").val();
var contact = $("#contact").val();
// Returns successful data submission message when the entered information is stored in database.
var dataString = 'name1='+ name + '&email1='+ email + '&password1='+ password + '&contact1='+ contact;
if(name==''||email==''||password==''||contact=='')
{
  alert("Please Fill All Fields");
}
else
{
 // AJAX Code To Submit Form.
 $.ajax({
       type: "POST",
       url: "ajaxsubmit.php",
       data: dataString,
       cache: false,
       success: function(result){
       alert(result);
}
});
}
 return false;
});
});