jQuery и атрибуты данных для обработки всех вызовов ajax?

Я думаю о способе уменьшить количество кода javascript, включив ajax для ссылок из атрибутов. Пример:

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

async="true" отключит поведение ссылки по умолчанию (href) и выполнит вызов ajax, используя значение data-endpoint, и вставит его в идентификатор элемента, определенный в rel.

Я не эксперт JS, поэтому буду признателен за любые мысли или подводные камни, связанные с этим подходом. Такие параметры, как cache: true и т. д., также было бы здорово иметь возможность передавать, но на самом деле это не нужно, поскольку я хотел бы сделать это, чтобы получить частичные представления, содержащие более или менее живые данные (кэш не требуется).

(Это вдохновлено разговором, который я видел о том, как facebook минимизировал свой код, но, вероятно, очень упрощен по сравнению с тем, как они оптимизируют все до каждого бита и байта)


jquery ajax custom-attributes
person olemarius    schedule 02.08.2011    source источник
comment
посмотрите здесь для вдохновения pluralsight-training.net/microsoft/players/ (вас интересует ненавязчивый раздел javascript по этой ссылке), и вы также можете расширить их код ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.unobtrusive-ajax.js   -  person Poelinca Dorin    schedule 02.08.2011
comment
Это то, что я искал :-) Если это можно использовать в Castle MonoRails MVC, это прекрасно :)   -  person olemarius    schedule 04.08.2011

Ответы (1)


arrow_upward
9
arrow_downward

Что-то вроде этого

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 );
                       }
                 }
    });
});
person Gabriele Petrioli    schedule 02.08.2011