IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

affichage/encodage avec JavaScript [Encodage]


Sujet :

JavaScript

  1. #1
    Futur Membre du Club
    Inscrit en
    Septembre 2010
    Messages
    11
    Détails du profil
    Informations forums :
    Inscription : Septembre 2010
    Messages : 11
    Points : 9
    Points
    9
    Par défaut affichage/encodage avec JavaScript
    Bonjour à tous,

    Voilà je suis sur ce problème depuis 2 jours et je ne sais pas résoudre. c'est un problème d'encodage/affichage des caractères en UTF-8.


    J'ai un Input et un Bouton sur ma page.

    Lorsque je clique sur le bouton, je récupère le texte dans Input. Puis, par Ajax et JQuery, j'appelle un servlet Java pour insérer ce texte dans une base de données.

    Pour préciser :
    + ma page est en utf-8
    + Ajx/Jquery avec charset utf8
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    $.ajax({
    			type 		: 'POST',
    			url			: url,	
                            contentType: "application/x-www-form-urlencoded", (utf8 par défaut)		
    			dataType 	: 'json',
    			data 		: data,
    			success 	: successCb
    		});
    + je ne fais aucun traitement d'encodage/ décodage dans ma servlet Java
    + ma table MySqL est confugurée en Utf8

    Le problème d'affichage arrive lorsque je relis ce texte depuis la table MySql :
    + je lis le texte depuis la table par un servlet (sans aucun traitement d'encodage) puis j'envoie le résultat par AJAX à une fonction javascript avec la data type = JSON.
    + la fonction javascript en question ne fais que lire le texte et l'afficher sur l'input.
    Problème : le texte est déformé (exemple, j'ai tapé "schéma" , cliquer sur le bouton pour sauvegarder dans une table, relire le texte et l'afficher "schéma" ) !!!

    J'espère que je suis assez clair pour que vous puissiez m'aider.

    Merci beaucoup !

    Gia

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 663
    Points
    66 663
    Billets dans le blog
    1
    Par défaut
    la page ciblée pas l'url ajax ...
    est elle en utf8 ?
    a-t-elle un header utf-8
    le serveur est il en charste default utf8 ?

  3. #3
    Expert éminent
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 094
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 094
    Points : 6 755
    Points
    6 755
    Par défaut
    Salut,
    les « Ã* » sont typiques d’un texte enregistré en UTF-8 et affiché comme du ISO-8859-*. Regarde si tes meta HTML définissent un charset, ou si ton servlet renvoie un charset avec le content-type.

    Sinon, le problème vient peut-être de la transaction entre le servlet et la DB, dans ce cas essaye en rajoutant ceci avant tes autres requêtes :
    Bon courage

  4. #4
    Futur Membre du Club
    Inscrit en
    Septembre 2010
    Messages
    11
    Détails du profil
    Informations forums :
    Inscription : Septembre 2010
    Messages : 11
    Points : 9
    Points
    9
    Par défaut
    Citation Envoyé par SpaceFrog Voir le message
    la page ciblée pas l'url ajax ...
    est elle en utf8 ?
    a-t-elle un header utf-8
    le serveur est il en charste default utf8 ?
    La réponse c'est Oui ....

  5. #5
    Futur Membre du Club
    Inscrit en
    Septembre 2010
    Messages
    11
    Détails du profil
    Informations forums :
    Inscription : Septembre 2010
    Messages : 11
    Points : 9
    Points
    9
    Par défaut
    Citation Envoyé par Watilin Voir le message
    Salut,
    les « Ã* » sont typiques d’un texte enregistré en UTF-8 et affiché comme du ISO-8859-*. Regarde si tes meta HTML définissent un charset, ou si ton servlet renvoie un charset avec le content-type.

    Sinon, le problème vient peut-être de la transaction entre le servlet et la DB, dans ce cas essaye en rajoutant ceci avant tes autres requêtes :
    Bon courage
    Oui, mon servlet renvoie response.setContentType("application/json;charset=UTF-8");

    et j'ai ajouté "SET NAMES UTF8" à ma connexion au serveur MySQL.

    Ca ne marche toujours pas ...

    hic

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 663
    Points
    66 663
    Billets dans le blog
    1
    Par défaut
    Quel EDI utilises tu ... ?
    certains editeurs cherchent des caractères accentués dans le code et si ils n'en trouvent pas, rebasculent automatiquement en ISO.
    Pour eviter cela je colle une ligne de caractères accentués en commentaire dans mes codes...

  7. #7
    Futur Membre du Club
    Inscrit en
    Septembre 2010
    Messages
    11
    Détails du profil
    Informations forums :
    Inscription : Septembre 2010
    Messages : 11
    Points : 9
    Points
    9
    Par défaut
    Citation Envoyé par SpaceFrog Voir le message
    Quel EDI utilises tu ... ?
    certains editeurs cherchent des caractères accentués dans le code et si ils n'en trouvent pas, rebasculent automatiquement en ISO.
    Pour eviter cela je colle une ligne de caractères accentués en commentaire dans mes codes...
    C'est Eclipse, et j'ai pleine des mots avec accents dans mes fichiers ....

  8. #8
    Futur Membre du Club
    Inscrit en
    Septembre 2010
    Messages
    11
    Détails du profil
    Informations forums :
    Inscription : Septembre 2010
    Messages : 11
    Points : 9
    Points
    9
    Par défaut Pb résolu
    J'ai finalement trouvé une solution.

    Il faut en fait "dire explicitement" à AJAX que la requête sera envoyé en UTF8, comme ça :

    contentType: "application/x-www-form-urlencoded; charset=utf-8",

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [PHP 5.3] [POO] Affichage avec JavaScript
    Par pierrot10 dans le forum Langage
    Réponses: 2
    Dernier message: 17/05/2010, 11h07
  2. problème d'affichage d'alert avec javascript puis redirection
    Par ikramta dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 2
    Dernier message: 17/03/2009, 12h00
  3. affichage d'un calque avec javascript ne marche pas
    Par zabdaniel dans le forum Général JavaScript
    Réponses: 19
    Dernier message: 18/08/2008, 22h03
  4. [AJAX] encodage d'url qui disparait avec Javascript
    Par bob2356 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 10/09/2007, 01h05
  5. Pb encodage avec javascript et JSP
    Par marti dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 21/12/2005, 10h06

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo