10
votes

URL Navigation dans un site Web basé sur Ajax?

J'aimerais développer un site Web avec une navigation entièrement Ajax, mais cela signifie que les utilisateurs ne peuvent pas partager, marquer ou aller directement à certains contenus.

J'ai remarqué quelques sites Web ( gmail , thesixtyone , YouTube ) utilisez des balises de hasch pour créer des URL personnalisées pour différentes configurations de page. Quelle est cette technique appelée et comment puis-je mettre en œuvre cela?


2 commentaires

Ça s'appelle Ajax en profondeur lié au cas où quelqu'un d'autre se demande


Merci@atomix, je cherchais le nom


3 Réponses :


5
votes

loon dans l'adresse de jQuery. http://www.asual.com/jquery/adddress/

Cela fait exactement ce dont vous parlez. Cependant, puisque vous avez demandé ce que le # signifie dans les URL personnalisées, je suppose que vous êtes assez nouveau à cela. L'adresse de JQuery sera d'abord sembler intimider, mais c'est vraiment assez facile. Vous devriez utiliser JQuery pour toute votre manipulation Ajax.

# est une balise d'ancrage. Si vous faites ce Il s'agit d'une balise d'ancrage Ajoutez #list à l'URL, la page va passer à la balise A dans laquelle Name = List. < / p>


1 commentaires

Trouvé le plugin mentionné très pratique.



6
votes

J'ai utilisé une approche de hasch Bang pour une application entièrement ajax avec SEO. De mon expérience, je dirais que c'est une approche très fiable pour le navigateur Web et les navigateurs de téléphones intelligents.

Voici mon approche. Pour la simplicité de code, je vais utiliser JQuery / Zepto Code P>

Lorsque vous devez charger une page AJAX différente, modifiez simplement l'URL HASH à l'aide de JavaScript. P>

if (isset($_GET['_escaped_fragment_'])) {           
    $fragment = $_GET['_escaped_fragment_'];

    if($fragment == 'page1')
        echo include 'ajax/page1.php'; // or use readfile method
    else if($fragment == 'page2')
        echo include 'ajax/page2.php'; // or use readfile method
}


0 commentaires

1
votes

Si vous avez un contenu DIV où vous AJAX Update, voici un exemple en utilisant la bibliothèque d'adresses JQuery http: //www.asual.com/jquery/addddress/ .

$('a[href!="#"]').address();


0 commentaires