2012-09-19 4 views
-6

일부 데이터가 내 ajax 호출에서 반환됩니다. 같은json 데이터를 사용하여 테이블을 생성하십시오.

ID NAME     Object Type 
============================================== 
1  SWT-F1-S32-RTR-1  Network Switch 
2  SWT-44-SR1-RTR-1  Network Switch 
etc. 

가 여기 내 JSON 데이터 보이는 내용은 다음과 같습니다 : 코드의

[ 
   { 
      "name": "SWT-F1-S32-RTR-1", 
      "id": "1", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-44-SR1-RTR-1", 
      "id": "2", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-44-SR1-SW-1", 
      "id": "3", 
      "dict_value": "Network chassis" 
   }, 
   { 
      "name": "SWT-F1-S32-SW-2", 
      "id": "4", 
      "dict_value": "Network chassis" 
   }, 
   { 
      "name": "SWT-44-165-SW-1", 
      "id": "5", 
      "dict_value": "Network chassis" 
   }, 
   { 
      "name": "SWT-44-263-SW-1", 
      "id": "6", 
      "dict_value": "Network chassis" 
   }, 
   { 
      "name": "SWT-11-228-SW-1", 
      "id": "7", 
      "dict_value": "Network chassis" 
   }, 
   { 
      "name": "SWT-F1-S32-SW-1", 
      "id": "8", 
      "dict_value": "Network chassis" 
   }, 
   { 
      "name": "SWT-F2-204-SW-1", 
      "id": "9", 
      "dict_value": "Network chassis" 
   }, 
   { 
      "name": "SWT-R1-CC104-SW-1", 
      "id": "10", 
      "dict_value": "Network chassis" 
   }, 
   { 
      "name": "SWT-5-103-SW-1", 
      "id": "11", 
      "dict_value": "Network chassis" 
   }, 
   { 
      "name": "SWT-F1-1PF-SW-1", 
      "id": "12", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-F1-1PE-SW-1", 
      "id": "13", 
      "dict_value": "Network chassis" 
   }, 
   { 
      "name": "SWT-11-123-SW-1", 
      "id": "15", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-32-M402-SW-1", 
      "id": "17", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-66-102-SW-1", 
      "id": "18", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-R1-CC011-SW-1", 
      "id": "19", 
      "dict_value": "Network chassis" 
   }, 
   { 
      "name": "SWT-R1-CC239-SW-1", 
      "id": "20", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-R1-CCPH-SW-1", 
      "id": "21", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-32-K218-SW-1", 
      "id": "23", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-SB1-204-SW-1", 
      "id": "24", 
      "dict_value": "Network chassis" 
   }, 
   { 
      "name": "SWT-SB3-107-SW-1", 
      "id": "25", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-SB4-110-SW-1", 
      "id": "26", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-5-119-SW-1", 
      "id": "27", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-F2-113-SW-1", 
      "id": "39", 
      "dict_value": "Network chassis" 
   }, 
   { 
      "name": "Core Switch HSRP", 
      "id": "91", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-MLO-106-SW-1", 
      "id": "275", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-STP-001-SW-1", 
      "id": "277", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-F1-169-SW-1", 
      "id": "281", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-R1-F108-SW-1", 
      "id": "283", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-GH-001-SW-1", 
      "id": "285", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-11-228-SW-2", 
      "id": "301", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-44-010-SW-1", 
      "id": "303", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-44-141-SW-1", 
      "id": "305", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-F1-169-SW-2", 
      "id": "309", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-F2-114-SW-1", 
      "id": "311", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-66-114-SW-1", 
      "id": "313", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-R1-1109-SW-1", 
      "id": "315", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-32-L009-SW-1", 
      "id": "317", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-SB1-204-SW-2", 
      "id": "319", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-5-103-SW-2", 
      "id": "321", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-5-114-SW-1", 
      "id": "323", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-F1-1PL-SW-1", 
      "id": "325", 
      "dict_value": "Network chassis" 
   }, 
   { 
      "name": "CAES-0xx-CAGE", 
      "id": "365", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-R1-H109-SW-1", 
      "id": "379", 
      "dict_value": "Network chassis" 
   }, 
   { 
      "name": "SWT-FM-001-SW-1", 
      "id": "385", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-LSQ-BSMT-SW-1", 
      "id": "415", 
      "dict_value": "Network switch" 
   }, 
   { 
      "name": "SWT-44-152-SW-1", 
      "id": "417", 
      "dict_value": "Network chassis" 
   } 
] 

편집 여기에 1 지금까지이 난을 통해 루프를 필요로하고 같은 테이블을 생성하는 HTML 문자열을 만들 :

$.ajax({ 
      url:"<?php echo site_url('switches/getallswitches/');?>", 
      type:'POST', 
      dataType:'json', 
      success: function(returnDataFromController) { 
        var htmlstring; 
        htmlstring="<select name='L2Locations' id='L2Locations'>"; 
        htmlstring = htmlstring + "<option value='all'>All</option>"; 

        //console.log(returnDataFromController); 
        var JSONdata=returnDataFromController; 
        console.log(JSONdata); 
        if (JSONdata.length != 0) 
        { 
          $.each(JSONdata, function(i, objswitch) { 
          var row = $('<tr class="alt2 section_1">').appendTo($('#table')); 
          row.append($('<td>').append($('<strong>').text(objswitch.name))); 
          $.each(objswitch.id, function(j, comparisonValue) { 
           row.append($('<td>').text(comparisonValue)); 
          }); 
         }); 

        } 

       }//success 


     });//end ajax 

다른 게시물의 예를 기반으로합니다. 하지만 궁극적으로 (#nameofdiv) .html (htmlstring) 같은 것을 할 수 있도록 "행"HTML 문자열로 변환하는 방법을 잘 모르겠습니다.

지금까지이 게시물을 읽은 모든 사람들에게 죄송합니다. 미친 날이었고 불쾌한 말을하기 전에 다른 게시물을 확인해야하는 것은 아니지만, 가치가있는 것을 위해 나는 stackoverflow에서 다른 사람들과 함께 흥미로운 ajaax 문제를 해결하기 위해 노력해 왔습니다. 그리고 나는 너무 빨리 들어가기 만했다. 나는 즉시 못을 박았다! 와우. 어쨌든. 인내심에 감사드립니다. 바라건대,이 게시물은 조금 더 명확합니다.

+1

http://whataveyoutried.com? – JKirchartz

+0

* 시도해 보셨습니까? * –

+1

무엇이 문제입니까? 데이터 루핑? 표 만들기? –

답변

2

루프에서 참조한 테이블 이름이 잘못되었습니다.

관련 문제