найти неизвестное расширение файла для загрузки асинхронного, имеющего только имя файла

Question

В моей разметке есть навигация с некоторыми ссылками;при нажатии на них я загружаю внешнюю страницу в основной контент, таким образом:

$('nav a').click(function() {

    rel = $(this).attr('rel');

    link = 'includes/'+rel+'.html'; /* <-- this is the matter */

    $('content').empty().append($('<div id="mainframe"></div>').load(link, function() {

        /* do the stuff */

    });

});

Ну, все было хорошо, пока мне не сказали, что, возможно, содержимое для загрузки может быть не только .html, но и .jsp и более.Итак, мне было интересно, смогу ли я найти неизвестное расширение файла, чтобы написать что-то вроде следующего псевдокода.

link = 'includes/'+rel+'findRelativeFileExtension();

К сожалению, я не могу использовать язык на стороне сервера, и я думаю, что неуместно писать расширение файла в атрибуте rel.

Заранее спасибо, любая помощьбыть искренне оцененным.

Answer 1

Используйте атрибуты данных в вашем теге.Пример <a data-filename="nnn.jsp">download</a> И читать его с помощью rel = $(this).attr('data-filename');

Атрибуты пользовательских данных предназначены для хранения пользовательских данных, приватных для страницы или приложения, для которых больше нет подходящих атрибутов или элементов.

http://html5doctor.com/html5-custom-data-attributes/ http://dev.w3.org/html5/spec/elements.html#embedding-custom-non-visible-data