Comment charger jQuery JSON en utilisant onLoad. Obtenir la ville et l'état du code postal sur le formulaire?

Question

Je suis pas un codeur d'experts et ont été aux prises avec toute la journée. J'essaye d'autofill la ville et l'état basé sur le code postal dans le formulaire de contact de mon site Web. J'ai trouvé une belle chose jQuery appelée Ziptastic. Je fais un appel JSON (je pense que c'est ce que cela appelle) et cela récupère les données du site Web Ziptastic. Voici Ziptastic: http://daspecster.github.com/ziptastic/demo.html

Voici le code je qui tire le code du site Ziptastic et entre dans la ville & état dans mon formulaire de contact:

 $(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); 
      }); 
     }); 

Ma forme fonctionne bien maintenant et est mise à jour mon champs de ville et d'état après avoir entré AND KEYUP sur le champ de code postal. Mais ici le problème ... Mon visiteur du site entre son zip code sur ma page d'accueil d'un site Web qui est affiché à mon formulaire de contact sur cette page où je suis en train de remplir automatiquement la ville et de l'État. J'ai besoin de cliquer dans le champ et cliquez sur pour le mettre à jour.

J'ai besoin de la ville et de l'Etat à remplir automatiquement immédiatement (onload).

Je ne peux pas comprendre comment faire ce code onLoad avec la valeur de code postal qui est affiché à mon formulaire de contact de ma page d'accueil.

Quelqu'un peut-il aider?

Merci

Answer 1

Afin de le faire avec Javascript, vous auriez à utiliser le même code getJSON que vous avez utilisé, sauf que vous auriez fait écho à la valeur du champ POSTé dans la au lieu d'utiliser le code + zip ... quelque chose comme ceci:

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

(en supposant que vous utilisez PHP ici, il serait à peu près équivalent dans d'autres langues si, je suis sûr que vous pouvez comprendre cette partie dehors..)

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); 
     }); 
});