Распарсивание json и создание динамических ссылок в jquery?

Question

[Simple91]

Здравствуйте!

Изучаю jquery и java script, столкнулся с проблемой построения динамических ссылок в документе при распарсивании json массива.

Json формирeется на сервере довольно таки нормально, нет никаких проблем, рапспарсиваю с помощью аналогичной функции foreach как на php. То есть на jquery это $.each
Код js

$.each(result, function(i, field)
   {
$("#output").append("<div id = "i">"+"Индекс"+i+"<br/>"+"номер #"+field.id+"<br/>"+"Имя: "+ field.name +"<br/>"+"Телефон:"+field.tel +"</div>"+"Адрес:"+field.adress+"<br/><hr>");
   });

Код html
<div id="output"></div>

Тут делается перебор из массива json, затем все выводится на экран. Как теперь к каждому элементу по индексу или не знаю чему то уникальному, добавить ссылку?

То что я сейчас не могу добиться, так это понять, как id проставить в ссылку. Если кто знает, на php были динамические ссылки с помощью глобального массива $_GET[id ссылки]

Comments

[Виталий Инчин ☢]

[PerfectLab]

Из вашего кода вообще не понятно в чем проблема, как минимум не хватает главного - JSON файла.

[Simple91]

PerfectLab: Я не знаю чем вам сможет помочь мой json файл, там все просто
[
{"id":"14","name":"Сергей","tel":"3508181","adress":"Титова 80","job":"Кочегар","comment":"Любит пиво и драки","hobby":"Баня"},
{"id":"13","name":"Иван","tel":"33345","adress":"Пушкина д3","job":"Кузнец","comment":"Любит своего кота матвея","hobby":"Выращивает цветы"}
]
У меня json приходит нормально, у меня проблема другого характера. Я не могу никак понять, как сделать ссылку на расширенный профиль каждого элемента массива.
Например: Когда выводится первый объект Сергей, я хочу выводить только 3 значения этого объекта + еще ссылку, которая будет открывать псевдо страницу, которая будет уже все значения объекта Сергей выводить. Это все будет на js или jquery , так как это на клиенте.

[Simple91]

Виталий Инчин ☢: Да согласен, немного непонятно написано, чего я хочу. А я всего лишь хочу динамическую ссылку по id, которая берется из json.

[Dark Hole]

Simple91: ну, блин отправьте JSON'ом и все

[Dark Hole]

Simple91: и прочитайте про jQuery Templates

[Simple91]

Dark Hole: Вы читали описание? На сервере в php файле формируется json массив, который я успешно принимаю. Мне нужно сделать динамические ссылки в html из полученных id json файла.

[Simple91]

Dark Hole: А за jQuery Templates спасибо, уже что-то похожее, поизучаю...

[Dark Hole]

Simple91: блин, я же говорю, отправьте ссылку jsonом. Можно обработать все данные с помощью for-in. Но по какому принципу у вас ссылки - не ясно

[Simple91]

Dark Hole: json приходит из сервера на html, я его вывожу $.each Все выводится. Мне теперь нужно как-то ссылки сделать чтобы когда цикл проходит по массиву, проставлялась уникальная ссылка на основе одного из id элементов массива. Вроде как новости на сайте, снизу генерируется ссылка site.ru/?page=1

[Dark Hole]

Simple91: блин.

var url = '?id=' + jsonAnswer.id;
$('<a href="'%20+%20url%20+'">Страница пользователя</a>')
<ph index="1"></ph>

[Simple91]

Dark Hole: Спасибо вам, ваши подсказки помогли мне найти решение ))

[Dark Hole]

Simple91: мм. Задавайте в следующий раз вопросы поподробней!

Answer 1

[Simple91]

Решение:
Для тех новичков, которые забрели сюда в поисках ответов!

После парсинга json данных, которые пришли от сервера, мне нужно было, получить id новости, чтобы посмотреть подробнее о новости.
Для этого я создал 2 страницы: index.hml и page.html <-( на эту страницу я передавал GET параметр id новости)
На странице index.html я установил эту ссылку в цикле, чтобы она автоматом проставлялась к каждой новости из базы данных.
<a href="page.html?'+field.id+'">Подробнее</a>
На странице page.html получил адрес окна и обрезал оттуда знак: ? и перевел его в числовой формат

var id = Number(location.search.substring(1).split("&")); //преобразуем строку в число

Затем сделал get запрос на сервер, с помощью

$.ajax({
    type: "get",
    url: "http://imyaservera.ru/jsonfile.php",
    data: {id:id},
    success: function(json1){
        document.write( "Прибыли данные: " + json1 );
    }
});

Остается лишь сделать нормальный парсинг на странице page.hml.
Всем кто помогал мне, огромное спасибо! ))

Answer 2

[Александр Кубинцев]

Вам не обязательно использовать id элементов. Используйте class="myClass" и затем выборку $(".myClass"), чтобы получить массив для следующего цикла (раз сразу у вас почему-то не получается).
При формировании элементов из json можно записать нужные данные например так: $(this).data({key1: val1, key2: val2}), а потом уже использовать ваше правило для генерации ссылок по этим параметрам.

Comments

[Simple91]

Вот как эти ссылки генерировать? Я уже в jquery в цикле вывожу данные из массива json. Я просто прикинул, что в json массиве, у меня есть уникальные значения id, я хотел по ним генерировать ссылки. id = 1, <a href="#id">Подробнее</a> Я плохо знаю сам синтаксис jquery, мне нужно направление.

[Александр Кубинцев]

Делаете новый цикл $('myClass').each
Для генерации ссылок у вас должно быть какое-то правило, алгоритм, так ведь? Для этого нужны какие-то входные параметры. Определите их и пишите в первоначальном цикле в элементы через .data({...})

[Dark Hole]

Simple91: не так!
А так:

$('')
     .appendTo(elem);

Только замените переменные id(вместо нее id пользователя) и elem(вместо нее элемент куда вставить ссылку). Понятно надеюсь?