Javascript 用户在输入字段中输入有效的美国邮政编码值后,如何自动填充城市和州输入字段?
事实上,我的网站上有这个功能。但是突然之间,我以AJAX响应的形式获取州和市的URL停止工作了 现在我面临的最大问题是如何使这件事再次可行 以下是我目前的代码: HTML代码: 还有一件事是我无法将城市和州的名称存储到我的数据库中。我只能像上面那样从一些数据源获取数据。但数据来源应该是可靠的。功能永远不会崩溃Javascript 用户在输入字段中输入有效的美国邮政编码值后,如何自动填充城市和州输入字段?,javascript,php,jquery,ajax,zipcode,Javascript,Php,Jquery,Ajax,Zipcode,事实上,我的网站上有这个功能。但是突然之间,我以AJAX响应的形式获取州和市的URL停止工作了 现在我面临的最大问题是如何使这件事再次可行 以下是我目前的代码: HTML代码: 还有一件事是我无法将城市和州的名称存储到我的数据库中。我只能像上面那样从一些数据源获取数据。但数据来源应该是可靠的。功能永远不会崩溃 如果您想了解更多关于我正在谈论的问题的信息,您可以查看我刚才在以下URL上提出的问题:。看来elevenbasetwo.com域当前未联机。zip.elevenbasetwo.com子域没
如果您想了解更多关于我正在谈论的问题的信息,您可以查看我刚才在以下URL上提出的问题:。看来elevenbasetwo.com域当前未联机。zip.elevenbasetwo.com子域没有有效的DNS条目,因此目前不会产生任何结果。这可能只是一个暂时的问题-几小时后再试一次。该网址无法解析。这不是很简单吗?只需更改您最初从中提取数据的URL,也许需要查看如何从您调用的新服务中获取您的城市和州吗?问题中的URL无法解析,所以我已经编辑了它,它仍然在代码示例中,并且编辑了历史记录,以防有人希望看到它。解决方法是使用工作服务,但除此之外,此问题中的故障无法再现。
<input type="text" class="form-control" size="20" id="store_zipcode" name="store_zipcode" value="">
<input type="text" class="form-control" maxlength="50" readonly="readonly" name="store_city" id="store_city" value="">
<input type="text" class="form-control" readonly="readonly" name="store_state" id="store_state" value="" size="20">
//Function called in Store Add/Edit form when user enters valid US Zip Code value
function GetLocation() {
var geocoder = new google.maps.Geocoder();
var store_zipcode = $("#store_zipcode").val();
var complete_address = store_zipcode;
geocoder.geocode({ 'address': complete_address }, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var latitude = results[0].geometry.location.lat();
var longitude = results[0].geometry.location.lng();
$("#store_longitude").val(longitude);
$("#store_latitude").val(latitude);
} else {
//alert("Request failed.")
}
});
var el = $(this);
if (el.val().length === 5) {
$.ajax({
url: "http://zip.elevenbasetwo.com",
cache: false,
dataType: "json",
type: "GET",
data: "zip=" + el.val(),
success: function(result, success) {
$("#store_city").val(result.city);
$("#store_state").val(result.state);
}
});
}
}
//Call to the function to display location details on Store add/edit form
$( "#store_zipcode" ).focusout(GetLocation);