jQuery: chargement de la balise ID de la base de données

Question

J'ai donc beaucoup de boutons radio avec le même nom mais un ID différent et je ne veux pas que l'un d'entre eux soit sélectionné au chargement de la page. L'ID du bouton souhaité est enregistré dans la base de données. J'ai essayé ce genre de solution pour l'appel ajax réel, mais hélas cela n'a pas fonctionné. tandis que la partie HTML

$.ajax({ 
     type: "POST", 
     url: "load_config.php", 
     dataType: "json", 
     data: dataString, 
     success: function(data) 
     { 
      var buttonID = "#"+data.buttonID; // data.buttonID = "button5" 
      $(buttonID).attr("checked", true); 
     } 
}); 

est de cette manière sorta, sauf avec beaucoup plus de boutons:

<input type="radio" id="button1" name="example" value="value1"/> 
<input type="radio" id="button2" name="example" value="value2"/> 
<input type="radio" id="button3" name="example" value="value3"/> 
<input type="radio" id="button4" name="example" value="value4"/> 
<input type="radio" id="button5" name="example" value="value5"/> 

Answer 1

Vérifiez que votre JSON revenir, votre approche globale est correcte, vous pouvez le tester ici: http://jsfiddle.net/nick_craver/KuK3Z/

Je parie que votre data.buttonID n'est pas tout à fait ce que vous pensez qu'il est, ou votre code ne fonctionne pas dans un document.ready, comme ceci:

$(function() { 
    $.ajax({ 
     type: "POST", 
     url: "load_config.php", 
     dataType: "json", 
     data: dataString, 
     success: function(data) 
     { 
      var buttonID = "#"+data.buttonID; // data.buttonID = "button5" 
      $(buttonID).attr("checked", true); 
     } 
    }); 
}); 

Si elle ne tourne pas dans un document.ready et votre appel est terminé AJAX avant que vos éléments sont prêts, le sélecteur $("#button5") ne trouvera rien à vérifier. Alternativement, et bien mieux si vous le pouvez, il suffit de rendre un checked="checked" à l'intérieur du <input /> correct lors du rendu de la page, et d'éliminer complètement l'appel AJAX.

Answer 2

Essayez de vérifier votre réponse de données:

$(function() { 
    $.ajax({ 
     type: "POST", 
     url: "load_config.php", 
     dataType: "json", 
     data: dataString, 
     success: function(data) 
     { 
      alert(data['buttonID']); 
     } 
    }); 
}); 

si est indéfini vérifier votre php ou ma dernière solution, sinon essayez:

$(function() { 
    $.ajax({ 
     type: "POST", 
     url: "load_config.php", 
     dataType: "json", 
     data: dataString, 
     success: function(data) 
     { 
      $("#"+data['buttonID']).attr("checked",true); 
     } 
    }); 
}); 

J'ai un problème une fois que le temps le retour du JSON jquery, la chaîne json a été retournée avec beaucoup de barres obliques ... essayez ceci dans le cas où la première solution vous gage une erreur (cela rapportera la chaîne retournée du serveur de formulaire sans décoder le json):

$(function() { 
    $.ajax({ 
     type: "POST", 
     url: "load_config.php", 
     dataType: "text", 
     data: dataString, 
     success: function(data) 
     { 
      alert(data); 
     } 
    }); 
}); 

Désolé pour mon anglais. dites-moi quelque chose si cela a fonctionné ...