Remplacer/mettre à jour le contenu d'un site Web

Je pense que le temps est venu de demander de l'aide. Sept jours de lecture de tutoriels AJAX m'ont juste frustré, et je suis plus confus que jamais. Mon but est de changer le contenu dynamiquement et charger le contenu (statique) après un événement de clic. Quel est le meilleur moyen (ou au moins un moyen) de remplacer le contenu d'un après avoir cliqué sur un? (Il n'est pas lié au formulaire)Remplacer/mettre à jour le contenu d'un site Web

Source

2013-02-27 yeaaaahhhh..hamf hamf

-1

Vous pouvez utiliser jquery pour effectuer .toggleVisibility parmi d'autres actions sur un calque déjà présent dans votre contenu.

Source

2013-02-27 16:32:28 shat

ok, mais je ne pense pas que c'est une technique AJAX. Je dois vraiment insister sur le "remplacement de contenu" plutôt que sur le "masquage de contenu". p.s.:Il peut être un contenu statique, mais ce n'est pas situé dans la même page –

Pour remplacer le contenu dans une page statique, une méthode consiste à utiliser l'objet JSON Par exemple:

1) Cliquez sur un bouton HTML, ont un associé d'événements onClick (javascript) avec elle.

2) Dans ce cas onclick, le configurer pour faire un appel xhrPost (dans ce cas, j'utiliser boîte à outils DOJO, vous pouvez utiliser DOJO, YUI, JQuery etc

function refreshDataGrid(gridDesc, url) { 
    dojo.xhrPost({ 
    url: unescape(url), 
    handleAs : "json", 
    sync: true, 
    load: function (response, args) { 
    if (response.success) { 
    dojo.byId('divSearchResultMessages').innerHTML = ""; 
    dojo.removeClass('divResults','hiddenField'); 
    dojo.data.ItemFileReadStore({data:response.searchResults})); 
    }else { 
    dijit.byId('dg'+gridDesc).setStore(null); 
    dojo.byId('divSearchResultMessages').innerHTML = "<div style='text-align:center' class='warning'><br><br>" + response.messages+"</div>"; 
    dojo.addClass('divResults','hiddenField'); 
    } 
    return response; 
      }, 
      error: function (exception, args) { 
       standby.hide(); 
       handleAjaxError2(); 
       return response;   
      } 
     });  
    }

3) Une fois la demande a envoyé au serveur (java) servletController, vous pouvez traiter le passage d'information depuis le javascript (comme paramètre de requête) et renvoyer l'objet JSON à la servlet (front end) page

4) Si tout est fait correctement, Vous devriez voir votre page obtenir des données dynamiques sans actualiser toute la page.

Il y a beaucoup de tutoriel AJAX qui vous aiderait à établir ce que j'ai aidé. J'espère que ça aide.

Ref: http://www.ibm.com/developerworks/library/wa-ground/

Source

2013-02-27 16:48:24

merci beaucoup pour la réponse rapide. Je vais devoir chercher car je n'utilise pas Dojo (j'utilise jQuery). Je vais vous dire comment ça se passe :-) –

Remplacer/mettre à jour le contenu d'un site Web

Répondre

Questions connexes