1

我在redline13.com遇到了一个很棒的邮政编码 API 。我想我节省了创建包含所有州名称的下拉列表的时间，还避免了用户错误地输入他们的城市名称等。我创建了一个自动提交它的表单和 jquery 函数（无需离开页面或刷新）。API 通过发送 ajax 获取请求来工作，然后它返回一个带有城市名称和状态的 json 文件。测试页

我在这里通过 API KEY 发送请求：

http://zipcodedistanceapi.redline13.com/rest/js-bv3HUmAIwyrRsioAsTfvDivJG45kauam0e3UAEC7d3ZFmngPgvkUNQDuUJO5eYre/info.json/ /degrees

首先，我如何操纵这个 url 获取链接并放置<zip_code>（例如 12345）用户输入的？city其次，如何在文本框中state根据结果发布结果？

Json file returned looks like this:
{
    "zip_code": "10956",
    "lat": 41.150001,
    "lng": -73.990051,
    "city": "New City",
    "state": "NY",
    "timezone": {
        "timezone_identifier": "America/New_York",
        "timezone_abbr": "EST",
        "utc_offset_sec": -18000,
        "is_dst": "F"
    }
}

Jquery 自动提交

<script>
$(document).ready(function () {
    var timer = null;
    var dataString;

    function submitForm() {
        $.ajax({
            type: "POST",
            url: "city_finder/index.php",
            data: dataString,
            dataType: "html",
            success: function (data) {
                $("#zip_result").html(data);
            }
        });
        return false
    }
    $("#zip_input").on("keyup", function() {
        clearTimeout(timer);
        timer = setTimeout(submitForm, 40);
        var zip_input = $("#zip_input").val();
       dataString = { zip_input : zip_input }
    })
});
</script>
4

0 回答 0