Recherche rapide de codes zip avec jQuery

Question

J'ai une liste de codes zip que j'ai besoin de rechercher en utilisant jQuery.

J'ai les codes postaux-dans un fichier CSV comme ceci:

 
2407;ELVERUM 
2425;TRYSIL 
2427;TRYSIL 
2446;ENGERDAL 
2448;ENGERDAL 

La liste est assez grand, plus de 4000 entrées, zip code et la ville correspondante.

Quel est le moyen le plus rapide de rechercher dans la liste du navigateur? JSON? Si c'est le cas, comment puis-je convertir la liste en JSON ou un autre format si c'est mieux?

 
{ 
    "2407": "ELVERUM", 
    "2425": "TRYSIL" 
} 

Quelqu'un peut-il me montrer le meilleur moyen de le faire?

Mise à jour Serait-il possible/plus rapide de rechercher le fichier CSV chargé avec juste Regex?

Update2 Je cherche une correspondance exacte, et il ne va chercher quand il a 4 chiffres.

Update3 Voici mon code:

$('#postnummer').keyup(function(e) { 
    if($(this).val().length == 4) { 
    // Code to search the JSON for an exact match.  
    } 
}); 

$.getJSON("data.json",function(data){ 
}); 

Quelqu'un peut-il me montrer en utilisant ce code?

Answer 1

Ceci est une page Web qui convertira votre fichier CSV en JSON à partir d'une URL. Vous pouvez l'utiliser localement sur votre ordinateur. Utilise JQuery et les plug-ins CSV et JSON. Note: ce script est un hack rapide spécifique au CSV donné.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script src="http://js-tables.googlecode.com/svn/trunk/jquery.csv.min.js"></script> 
<script src="http://jquery-json.googlecode.com/files/jquery.json-1.3.min.js"></script> 
<script> 
jQuery(function($){ 

$('#conv').click(function(){ 
    $.get($('#myurl').val(), function(data){ 
     var csvobj = {}; 
     var csvray = $.csv(';')(data); 
     $(csvray).each(function(){ 
      csvobj[this[0]] = this[1]; 
     }); 
     $('#jsondata').val("areacodes=" + $.toJSON(csvobj)); 
    }); 
}); 

}); 
</script> 
Url to CSV: <input type="text" id="myurl" value="tilbud5.csv" /> 
<input type="button" id="conv" value="convert url to json" /> 
<br/> 
<textarea id="jsondata" rows="1000" cols="100"></textarea> 

En utilisant les données JSON, ceci est juste un exemple:

$('#postnummer').keyup(function(e) { 
    if($(this).val().length == 4) { 
     alert(areacodes[$(this).val()]); 
    } 
}); 

$.getJSON("data.json?callback=?"); 

Answer 2

Pour les ensembles de données volumineux, l'analyse JSON serait lente. Je vous suggère d'utiliser un format simple personnalisé au lieu, comme celui que vous avez est très bien:

2407;ELVERUM 
2425;TRYSIL 

Ensuite, vous pouvez analyser comme:

var data = dataContent.split('\n').map(function(line){ return line.split(';'); }) 

Lorsque les données est maintenant un tableau de tableaux 2 éléments: le premier étant le code postal et le second le nom. Ensuite, pour effectuer une recherche, vous devez faire quelque chose comme:

var foundItems = data.filter(function(p){ return p[0].indexOf(query) != -1; }); 

Ce qui vous permet d'obtenir un tableau de résultats. Si vous êtes uniquement intéressé par des correspondances exactes, l'utilisation d'une carte fonctionnerait mieux. Dans ce cas, à la place de la première ligne, vous pouvez le faire pour construire la cartographie:

var map = {}; 
dataContent.split('\n').forEach(function(line){ 
    var p = line.split(';'); 
    map[p[0]] = p[1]; 
}); 

Answer 3

à 4000 entrées, vous devez simplement analyser comme JSON en utilisant le formulaire que vous suggérez:

{ 
    "2407": "ELVERUM", 
    "2425": "TRYSIL" 
} 

Si vous envisagez de faire une recherche en cherchant la correspondance exacte d'un code postal, cela vous donnera également le temps de recherche le plus rapide. Si vous faites quelque chose où l'utilisateur tape "24" et vous devez trouver tous les codes postaux qui commencent par "24", alors vous aurez besoin de quelque chose d'un peu plus avancé.

Je ne suis pas sûr des mécanismes que jQuery fournit pour analyser JSON. La façon dont il est généralement fait, est d'utiliser eval:

var zips = eval("(" + data + ")"); 

Ou sur les navigateurs modernes, vous pouvez utiliser la bibliothèque JSON plus rapide et plus sûr.

var zips = JSON.parse(data);