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

jQuery Discussion :

JQuery Autocomplete avec post et json


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    10
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 10
    Par défaut JQuery Autocomplete avec post et json
    Bonjour,

    Je chercher à utiliser autocomplete dans un plugin que je realise sous wordpress mais pour l'instant je fais choux blanc ...

    Voici le html :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input id='searchEnseigne'>
    le js :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    var sitesecurity = jQuery('#site-callenseigne-nonce').val();
    jQuery("#searchEnseigne").autocomplete ({
        maxLength: 5,
        source: function(request, response) {
            jQuery.ajax({
                url: ajaxurl,
                data: { action:"site_callenseigne", security: sitesecurity, value: 'test' },
                dataType: "jsonp",
                type: "POST",
                success: function(data){
                    response( jQuery.map( data.myData, function( item ) {
                        return {
                            label: item.label,
                            value: item.label
                        }
                    }));
                }
            });
        },
        open: function() {
            $( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
        },
        close: function() {
            $( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
        }
    });
    le php :

    add_action('wp_ajax_site_callenseigne', 'site_callenseigne');

    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    function site_callenseigne()
    {
        check_ajax_referer( 'site-callenseigne-nonce', 'security' );
        header("Content-Type: application/json");
        $results = array();
        $arr = array ( "label"=> "test");
        $results["myData"][] = $arr;
        $arr = array ( "label"=> "test2");
        $results["myData"][] = $arr;
        echo json_encode($results);
    }

    La réponse en json est celle ci
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
     {"myData":[{"label":"test"},{"label":"test2"}]}0
    J'ai testé avec un exemple simple d'autocomplete sans json et cela fonctionne.

    Si quelqu'un a une idée, je suis preneur.

    Cordialement,
    Sapajou

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

Discussions similaires

  1. Ajax avec jQuery: envoi par POST retour en JSON
    Par band22 dans le forum jQuery
    Réponses: 1
    Dernier message: 14/10/2011, 10h54
  2. jQuery autocomplete avec un tableau à id
    Par mLk92 dans le forum jQuery
    Réponses: 7
    Dernier message: 18/08/2010, 16h59
  3. Autocomplete avec JQuery - caractères avec accents
    Par DarkSeiryu dans le forum jQuery
    Réponses: 1
    Dernier message: 24/06/2010, 15h24
  4. [JQuery] Autocomplete, du mal avec Json
    Par supertino7 dans le forum jQuery
    Réponses: 4
    Dernier message: 21/09/2009, 18h25
  5. Réponses: 26
    Dernier message: 09/07/2009, 09h55

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