jQuery und data-Attribute, um alle ajax-Aufrufe?

Ich denke da an eine Möglichkeit zur Verringerung der Menge an javascript-code durch aktivieren der ajax auf links von Parametern. Beispiel:

<a href="/Default/Link.html" data-endpoint="/Ajax/Link.html" rel="targetId" async="true">Click me!</a>

async="true" wird, deaktivieren Sie die Standard-Verhalten des link (href), und machen Sie einen ajax-Aufruf über die data-endpoint Wert und es einsetzen, um die element-id definiert, die in rel.

Ich bin kein JS-Experte, also ich würde schätzen alle Gedanken oder fallen mit diesem Ansatz. Optionen wie cache: true, usw wäre cool, um in der Lage zu gehen in, aber nicht wirklich nötig, wie ich möchte, dies zu tun, bekommen teilweise Ansichten mit mehr oder weniger live-Daten ( kein cache benötigt).

(Diese ist inspiriert von einem Gespräch, das ich sah, wie facebook minimiert Ihren code, aber wohl sehr vereinfacht, im Vergleich zu, wie Sie optimieren alles-bis hin zu jedem bit 'n byte)

InformationsquelleAutor olemarius | 2011-08-02
  1. 9

    Sowas

    Html

    <a href="/Default/Link.html" 
    data-endpoint="/Ajax/Link.html" 
    data-target="targetId" 
    data-cache="false",
    data-async="true">Click me!</a>

    jQuery

    $('a[data-async="true"]').click(function(e){
    e.preventDefault();
    var self = $(this),
        url = self.data('endpoint'),
        target = self.data('target'),
        cache = self.data('cache');

    $.ajax({
        url: url,
        cache : cache,
        success: function(data){ 
                       if (target !== 'undefined'){
                          $('#'+target).html( data );
                       }
                 }
    });
});
    InformationsquelleAutor Gabriele Petrioli
Schreibe einen Kommentar