Параметры URL определяют load() url

Я создаю веб-приложение на основе jQuery, и я хочу использовать параметры URL для навигации по нему.Параметры URL определяют load() url

Я хотел бы отображать контент на основе параметра URL, с функцией 'load()', получающей основную часть веб-страницы с внешнего URL-адреса и заменой элемента на нее.

Как бы создать, если заявление, в котором используются следующие условия ...

Если нет параметров в URL, а затем использовать $("#toBeReplaced").load("home.txt");
Если параметр page равно about, а затем использовать $("#toBeReplaced").load("about.txt");
Если параметр page равен contact, а затем использовать $("#toBeReplaced").load("contact.txt");

... чтобы определить, какую страницу приложения отображать.

источник

2016-08-15 Anonymous

Существует много плагинов/библиотек для анализа URL-адреса в js. Просто возьмите нужную библиотеку и создайте простую инструкцию 'if'. 1 минута поискового запроса и 5 строк кода, необходимых ...;) вроде: https://github.com/websanova/js-url – eisbehr

@eisbehr Я довольно новичок в javascript и jQuery, поэтому мне бы очень понравился пример некоторых код, который я мог бы использовать, поэтому я мог понять это немного лучше. –

Вы можете просто загрузить URL, используя page переменную, если это undefined то нагрузка home иначе загрузить все, что в page переменной.

var page = location.search.substring(1).split('=')[1]; 
if (page == undefined) 
    $("#toBeReplaced").load("home.txt"); 
else 
    $("#toBeReplaced").load(page + ".txt");

источник

2016-08-15 06:34:33 Mairaj

как я могу загрузить URL-адрес - извините за то, что задал такие глупые вопросы, но я новичок в таких вещах, которые так голые со мной! –

Как выглядит ваш url? – Mairaj

например coding-kids.net/app?page=about –

Вы можете использовать разные библиотеки или плагины jQuery для получения параметров url в js. В этом примере я буду использовать js-url. Включите файл url.min.js на свою страницу. Затем просто используйте это, чтобы получить параметр page на url("?page") и создать простой if.

$(function() {  
    var page = url("?page"); 

    if(page === "about") { 
     $("#toBeReplaced").load("about.txt"); 
    } 

    else if(page === "contact") { 
     $("#toBeReplaced").load("contact.txt"); 
    } 

    else { 
     $("#toBeReplaced").load("home.txt"); 
    } 
});

источник

2016-08-15 06:44:06 eisbehr

Я загрузил библиотеку как zip, какой файл я загружаю на сервер «Это« url.min.js »? –

Да, точно. Как я писал в своем ответе. @ Даниэль Харрин – eisbehr

Параметры URL определяют load() url

ответ

Смежные вопросы