Javascript 用户在输入字段中输入有效的美国邮政编码值后,如何自动填充城市和州输入字段?

Javascript 用户在输入字段中输入有效的美国邮政编码值后,如何自动填充城市和州输入字段?,javascript,php,jquery,ajax,zipcode,Javascript,Php,Jquery,Ajax,Zipcode,事实上,我的网站上有这个功能。但是突然之间,我以AJAX响应的形式获取州和市的URL停止工作了 现在我面临的最大问题是如何使这件事再次可行 以下是我目前的代码: HTML代码: 还有一件事是我无法将城市和州的名称存储到我的数据库中。我只能像上面那样从一些数据源获取数据。但数据来源应该是可靠的。功能永远不会崩溃 如果您想了解更多关于我正在谈论的问题的信息,您可以查看我刚才在以下URL上提出的问题:。看来elevenbasetwo.com域当前未联机。zip.elevenbasetwo.com子域没

事实上,我的网站上有这个功能。但是突然之间,我以AJAX响应的形式获取州和市的URL停止工作了

现在我面临的最大问题是如何使这件事再次可行

以下是我目前的代码:

HTML代码:

还有一件事是我无法将城市和州的名称存储到我的数据库中。我只能像上面那样从一些数据源获取数据。但数据来源应该是可靠的。功能永远不会崩溃


如果您想了解更多关于我正在谈论的问题的信息,您可以查看我刚才在以下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);