Question

我绝不是一名专家编码员，而且整天都在苦苦挣扎。我试图根据我网站的联系表格中的邮政编码自动填写城市和州。我找到了一个很好的jQuery东西叫做Ziptastic。我做了一个JSON调用（我认为这就是它的调用），这将从Ziptastic网站上检索数据。这是Ziptastic：http://daspecster.github.com/ziptastic/demo.html

以下是我从Ziptastic网站获取代码并进入城市和代码的代码。说明我的联系表格：

        $(document).on("keyup", "#zip", function(){
          var zip = this.value;
          $.getJSON('http://zip.elevenbasetwo.com/v2/US/' + zip, function(json) {
            $('#city').val(json.city);
          });
          $.getJSON('http://zip.elevenbasetwo.com?zip=' + zip, function(json) {
            $('#state').val(json.state);
          });
        });

我的表单现在运行良好，并且在我在zipcode字段上输入AND KEYUP后更新我的城市和州字段。不过这里有问题......我的网站访问者在我的网站主页上输入了他们的邮政编码，这些邮件发布到我在此页面上的联系表格中，我试图自动填写城市和州。我需要单击该字段并单击以进行更新。

我需要城市和州立即自动填充（onload）。

我无法弄清楚如何使用从我的主页发布到我的联系表单的zipcode值来使用onLoad创建此代码。

有人可以帮忙吗？

由于

Answer 1

为了使用Javascript执行此操作，您必须使用与您一直使用的相同getJSON代码，除非您实际上必须将POSTed字段的值回显到代码中使用+ zip ......这样的事情：

$.getJSON('http://zip.elevenbasetwo.com?zip=<?php echo $_POST['zip']; ?>', function(json) {
     $('#state').val(json.state);
});

（假设你在这里使用PHP。虽然它在其他语言中几乎相同;我相信你可以把它弄清楚。）

Answer 2

$(document).ready(function(){
      var zip = $("#zip").val();
      $.getJSON('http://zip.elevenbasetwo.com/v2/US/' + zip, function(json) {
        $('#city').val(json.city);
      });
      $.getJSON('http://zip.elevenbasetwo.com?zip=' + zip, function(json) {
        $('#state').val(json.state);
      });
 });

如何使用onLoad加载jQuery JSON。获得城市和;从表格上的邮政编码说明？

2 个答案: