AJAX dans Codeigniter

Question

Je suis en train d'écrire ma première application web Codeigniter, et j'aimerais utiliser AJAX pour tirer quelques infos pour une boîte modale. Quelqu'un peut-il me guider à travers un moyen facile d'incorporer ajax w/CI? En particulier, l'utilisateur cliquera sur un lien, et au lieu d'être redirigé vers une autre page, cette page sera chargée dans une boîte modale.

Merci!

Answer 1

Répondre à vous poser des questions, et que CI ne semble pas avoir encore mis en œuvre un soutien approprié à javascript bibliothèques, vous pouvez utiliser une fonction comme celui-ci pour faire en sorte que les informations que vous avez affaire à vient ajax:

http://snipplr.com/view/1060/check-for-ajax-request/

Notez que cela ne fonctionne qu'avec les librairies javascript comme jQuery ou MoonTools

Après cela, il vous suffit de traiter les informations comme si elle était une page normale, obtenir les données avec $ this-> entrée -> post ('field') ou $ this-> input-> get ('field') les variables assainies.

dans un exemple (en utilisant jquery), supposons que vous avez une balise d'ancrage que vous souhaitez supprimer une ligne dans une liste d'éléments:

$(function() { 

    $('a.delete').click(function(e) { 
    // prevents the default behaviour of the anchor 
    e.preventDefault(); 
    // gets the id stored in the anchor as attribute 
    var cid= $(this).attr('cid'); 

    // instantiate and executes the ajax 
    $.ajax({ 
    type: 'POST', 
    url: 'http://www.yoursite.com/ajax.php', 
    data: "action=delete&cid="+cid, 
    async: true, 
    success: function(data){ 
    // alerts the response, or whatever you need 
    alert(data); 
    } 
    }); 
}); 

Après cela, il vous suffit de construire votre code CI comme une page normale. Notez que j'ai utilisé des URLs normales dans la requête ajax (url pour la base, données pour les paramètres), et je ne sais pas si cela fonctionne correctement avec les urls "url_rewrited", mais ils pourraient fonctionner sans problèmes, si vous utilisez simplement " url: "paramètre ajax pour insérer l'URL complète.