Importation de données avec Javascript

Version imprimable

03/06/2013, 15h35
gatien.s

Importation de données avec Javascript

Bonjour,
Mon problème est le suivant : je dois développer un tableau de données (j'utilise DataTable, plug-in jQuery). L'ajout de données dans ce tableau ne doit pas se faire en touchant le code HTML pour des raisons de sécurité; il faut donc importer les données dans le code.
Pour des raisons de praticité, la saisie des données se fera via Excel.
L'usage du PHP ne m'est pas autorisé, car pas disponible sur le serveur.

Je cherche donc une solution pour importer mes données dans ce tableau. J'ai pensé à utiliser un .csv ou un .txt mais je n'ai pas trouvé comment faire "lire" par Javascript ces formats.

Merci d'avance pour vos réponse et votre attention !

Gatien
03/06/2013, 15h39
SpaceFrog

dans le datasource de ton datatable il suffit de mettre une fonction qui fait un getJSON par exemple ...
03/06/2013, 15h46
SpaceFrog

y'a même plus simple :
http://www.datatables.net/release-da...rces/ajax.html

datatable intègre un ajaxsrouce !

Bonjour, merci de ta réponse, cela m'a aidé mais je suis passé par une lecture d'un fichier xml, cela est plus fonctionnel et modifiable pour un utilisateur non-confirmé. Bonne journée !

Côté XML :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?xml version='1.0'?>
<annuaire>
   <appli>
      <nom>Chrome</nom>
      <version>6.1</version>
      <type>Navigateur</type>
	  <resume>test</resume>
      <lien>chrome.com</lien>
   </appli>
   <appli>
      <nom>Live</nom>
      <version>8.0</version>
      <type>MAO</type>
	  <resume>test</resume>
      <lien>ableton.com</lien>
   </appli>
 
</annuaire>

Côté javascript :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 //////SCRIPT QUI VA GERER LES DONNES DU TABLEAU
stock = Array();
var nom;
var version;
var type;
var resume;
var lien;
 
$(document).ready(  function()
{
	$.ajax({
		type: "GET",
		url: "BookData.xml",
		dataType: "xml",
		success: function(xml){ 
			compteur = 0;
			$(xml).find('appli').each(function(){ 
				nom = $(this).find('nom').text();
				version = $(this).find('version').text();
				type = $(this).find('type').text();
				resume = $(this).find('resume').text();
				lien = $(this).find('lien').text();
				stock[compteur] = new Array(nom,version,type,resume,lien);
				compteur++;