Abhilash.J.A Ответов: 1

Как я могу добавить объект json к & lt;HTML-элементу в виде списка?

Внутри html-страницы просмотра есть два div.

<div id="divbindProject" class="col-sm-2"></div>
                           <div id="divbindProjectlist" style="display:none" class="col-sm-3">
                               <div>
                                   <a class="list-group-item active left-menu-head">Projects List</a>

                                   <a href="#" id="idProject" class="list-group-item"></a>

                               </div>
                           </div>


Как я могу добавить список 'proejctname' из объекта json в < a id= "idProject", как показано ниже ?

[^]

Что я уже пробовал:

$("#btnAddProject").click(function (e) {
    var json = {};

    debugger;
    $.each($('#frmSubmitPremUserProject').serializeArray(), function (i, field) {
        json[field.name] = field.value || '';
    });

    $("#divbindProject").hide();
    $("#divbindProjectlist").show();

    $.each(json, function (i, field) {
        $("#idProject").append(field.name + ":" + field.value + " ");
    });
  
    var str = JSON.stringify(json);
    $("#hdPremUserProject").val(str);

});


После реализации этот код выглядит так, но здесь внутри списка я хочу привязать список Projectname из объекта json:-

[^]

Как я могу это сделать? пожалуйста, помогите мне...

1 Ответов

Рейтинг:
5

Karthik_Mahalingam

использовать это

for (var i in json) {
             $("#idProject").append(i+ ":" + json[i]+ " ");
         }

вместо 
$.each(json, function (i, field) {
       $("#idProject").append(field.name + ":" + field.value + " ");
   });

Abhilash.J.A

Сэр, после реализации вашего кода теперь он показывает все данные json. Пожалуйста, посмотрите на изображение ниже. Но я хочу показать только имя проекта внутри & lt;html.

https://ibb.co/b4aJLa

Karthik_Mahalingam

покажите какой-нибудь образец

Abhilash.J.A

Сэр, этот url-адрес показывает содержимое json. пожалуйста, посмотрите. Достаточно ли этого?

https://s7.postimg.org/n81g2vmgb/jsonnn.png

https://ibb.co/b4aJLa

Karthik_Mahalingam

каков ваш ожидаемый результат

Abhilash.J.A

Выход прост. Просто покажите список 'Projectname' из объекта json. Каждый раз, нажмите на кнопку $("#btnAddProject") получение информации о проекте от $('#frmSubmitPremUserProject') это форма. Затем я добавляю эти данные json в Hiddenfield и каждый раз связываю 'Projectname' внутри <a. Таков план.

Karthik_Mahalingam

каков ваш ожидаемый формат вывода?

Abhilash.J.A

< заголовок & gt;Список проектов< заголовок>
Проект1
Проект2
Project3
Project4

Karthik_Mahalingam

вложите txt с тегом pre & lt; pre >

Abhilash.J.A

Простите, сэр, я не понимаю. На самом деле объект json содержит элементы формы списка , такие как Projectname , Projectlocation и т. д. Из объекта json, как я могу получить только "имя проекта"

Karthik_Mahalingam 

  for (var i in json) {
           if(i == 'Projectname')
            $("#idProject").append(i + ":" + json[i] + " ");
        }

Karthik_Mahalingam 

 $("#idProject").append( '<a herf="#" >' +  i + ":" + json[i] + " " + '</a>');

Abhilash.J.A

спасибо, сэр,я постараюсь ответить вам.

Karthik_Mahalingam

конечно.

Abhilash.J.A

Спасибо, сэр, все работает нормально.

Karthik_Mahalingam

крутой :)