jquery autocomplete avec réponse json

im obtenir de réponse en json, mais cette habitude d'analyser la réponse json. ce qui m je fais de mal? je pouvais pas trouver quelque chose sur la doc http://docs.jquery.com/Plugins/Autocomplete

$("#users-allowed").autocomplete("/people/following.json", {
  width: 320,
  //max: 4,
  highlight: false,
  scroll: true,
  scrollHeight: 300,
  formatItem: function(response, i, max) {
    console.log(response);
    console.log(response['items']);
    console.log(response.items);
    return i + "/" + max + ": \"" + response.status_code + "\" [" + response.status_description + "]";

    //return "<img src='images/" + value + "'/> " + value.split(".")[0];
  },
  formatResult: function(response) {
    //return value.split(".")[0];
    return response.status_description;
  }
});

InformationsquelleAutor Basit | 2009-10-20

33
```
$("#users-allowed").autocomplete("/people/following.json", {
  width: 320,
  dataType: 'json',
  highlight: false,
  scroll: true,
  scrollHeight: 300,
  parse: function(data) {
    var array = new Array();
    for(var i=0;i<data.items.length;i++) {
      array[array.length] = { data: data.items[i], value: data.items[i], result: data.items[i].username };
    }
    return array;
  },
  formatItem: function(row) {               
    var name = '';
    if (row.first_name && row.last_name)
      name = '('+row.first_name+', '+row.last_name+')';
    else if (row.first_name)
      name = '('+row.first_name+')';
    else if (row.last_name)
      name = '('+row.last_name+')';

    return row.username+' '+name;
  }
});
```
vérifier le type de données et analyser option.
- btw c'est la bonne réponse avec l'aide de karim79
- Salut basit, j'ai le même problème, qu'est-ce que vous avez fait parce que je suis de données.split est pas une fonction
- J'ai essayé de suivre cette réponse et il ne fonctionne pas. le formatItem argument de fonction n'est pas définie.
- si vous souhaitez rediriger automatiquement vers la page après une sélection, utilisez ce code de retour à la ligne.nom d'utilisateur+"+nom; } }).résultat(function(event, sélectionné) { location.href = sélectionnés.url_param_in_json_or_make_one; });
- Vérifiez aussi votre JSON est valide et bien formé, évident, mais un énorme piège trop.
- ya comme il a dit, assurez-vous que votre format json est valide et toutes les données en json sont en adéquation avec la fonction, comme les articles, et ainsi de suite.. sinon il va donner à l'erreur. il a bien fonctionné pour moi.
- Mine charge les données sur le premier caractère, mais quand je rentre un nouveau personnage, il jette Uncaught TypeError: Object 0 has no method 'toLowerCase'. Jamais eu ce problème avant?
- non, pas du tout.
InformationsquelleAutor Basit
6

Je pense que vous avez juste besoin de jeter un dataType option, je me souviens de la préparation que vous pouvez utiliser tout de $.ajaxs'options dans l'autocomplétion:
```
$("#users-allowed").autocomplete("/people/following.json", {
    dataType: "json",
    ...
```
- avec qui je suis de données.split est pas une fonction jquery/jquery.autocomplete.js la Ligne 11 erreur
- btw, je ne suis pas à l'aide de cette fonction n'importe où.. vous pouvez le voir ci-dessus mon code
- parce que maintenant que vous travaillez avec un objet, split est une fonction de type Array.
InformationsquelleAutor karim79

Essayez de déclarer les options en dehors de la portée de $(document).ready(..)

Ex:

var acCbo = {
        minChars: 1,
        delay:500,
        max: 100,
        width: 400,
        dataType: 'json', //this parameter is currently unused
        extraParams: {
            format: 'json', //pass the required context to the Zend Controller,
            filtro: 'id_procsianv,id_atividade',
            chave: function(){
                return $('#id_procsianv').val()+','+$('#id_atividade').val();
            }
        },
        queryParam: "descricao",
        parse: function(data) {
            if (data['qtde']>0){
                data = data['Cbo'];
                var parsed = [];
                for (var i = 0; i < data.length; i++) {
                    parsed[parsed.length] = {
                        data: data[i],
                        value: data[i].id_cbo,
                        result: $('<textarea/>').html(data[i].no_cbo).val()
                    };
                }
                return parsed;
            }else{
                $('#id_cbo').val('');
                return [];
            }
        },
        formatItem: function(item) {
            return item.no_cbo+ ' (' +item.id_cbo+ ')';
        }
    };

    $(document).ready(function(){

    $('#cbo').autocomplete('/cbos/index',acCbo)
    .result(function(e,data){
        $('#id_cbo').val(data.id_cbo);

    });
});

InformationsquelleAutor Anderson Murakami

Vous devez vous connecter pour publier un commentaire.