Le chargement des fichiers Javascript de fichier CSV dans un tableau

Je suis l'élaboration d'une page web dans WordPress. La page web doit avoir une liste déroulante avec tous les comtés. J'ai un jeu de données au format csv, qui a un peu de 10k lignes pour toutes ces comtés.
Lorsque l'utilisateur sélectionne un comté dans la liste déroulante, je veux uniquement la sélection de comté de données affichées dans la page web. C'est mon exigence.

Dans wordpress, ma page web j'ai ajouté le fichier js à l'aide de

<script type="text/javascript" src="http://xxx/wp     content/uploads/2014/05/countyList1.js"></script>

et le code de la page web déroulante est

<select name="county" id="county" onload="setCounties();" onchange="getSelectedCountyData();"></select>

Dans countyList1.js fichier j'ai le setCounties() et getSelectedCountyData fonctions ().

Jusqu'à présent, je peux voir la liste déroulante avec les comtés de liste. Je ne sais pas comment faire pour lire le fichier CSV et de les appliquer sélectionnés comté de filtre de cette liste.

J'ai essayé de l'objet FileReader et je peux charger le CSV contenu sur la page web, mais je ne veux pas que l'utilisateur de sélectionner le fichier CSV. J'ai le jeu de données déjà.

Je suis en train d'utiliser cette jquery.csv-0.71 bibliothèque à partir de cette SORTE de post Comment lire les données à Partir de *.Fichier CSV à l'aide de javascript? mais j'ai besoin d'aide.

Voici le code qui est appelée lorsqu'un comté est sélectionné

function getSelectedCountyData() {
cntrySel = document.getElementById('county');
//selCty = countyList[cntrySel.value];
handleFiles();
}
function handleFiles() {
$(document).ready(function () {
$.ajax({
type: "GET",
url: "D:\Docs\Desktop\csvfile.csv",
dataType: "csv",
success: function (data) { processData(data); }
});
});
}
function processData(allText) {
var allTextLines = allText.split(/\r\n|\n/);
var headers = allTextLines[0].split(',');
var lines = [];
for (var i = 1; i < allTextLines.length; i++) {
var data = allTextLines[i].split(',');
if (data.length == headers.length) {
var tarr = [];
for (var j = 0; j < headers.length; j++) {
tarr.push(headers[j] + ":" + data[j]);
}
lines.push(tarr);
}
}
console.log(lines);
drawOutput(lines);
}
function drawOutput(lines) {
//Clear previous data
document.getElementById("output").innerHTML = "";
var table = document.createElement("table");
for (var i = 0; i < lines.length; i++) {
var row = table.insertRow(-1);
for (var j = 0; j < lines[i].length; j++) {
var firstNameCell = row.insertCell(-1);
firstNameCell.appendChild(document.createTextNode(lines[i][j]));
}
}
document.getElementById("output").appendChild(table);
}
  • Après l'avoir supprimé, je reçois le message d'erreur impossible de lire la propriété ajax undefined. Merci pour votre aide.
InformationsquelleAutor Aqua267 | 2014-05-20