json 데이터를 html로 클릭 가능한 링크로 만들기

나는이 정보를 링크처럼 클릭 할 수있게 만드는 방법이 있는지 궁금해서 html 페이지 javascript에 표시되는 json 데이터를 가지고 있습니다. 누구나 이것이 어떻게 될지 알고 있습니다.json 데이터를 html로 클릭 가능한 링크로 만들기

내 json입니다. json 파일에서 각 이름을 선택하여 클릭 할 수있게하려고합니다.

{ 
 
    "example": [ 
 
     { 
 
      "name": "Dr. Sammie Boyer", 
 
      "email": "[email protected]" 
 
     }, 
 
     { 
 
      "name": "Eladio Beier", 
 
      "email": "[email protected]" 
 
     }, 
 
     { 
 
      "name": "Hilton Borer", 
 
      "email": "[email protected]" 
 
     } 
 
    ] 
 
}

코드 나는

출처

2016-11-28 Rebekah

질문을 명확히하십시오. 우리에게 줄 수있는 모범이 있습니까? 너 뭐 해봤 니? JSON 전체 또는 특정 부분 만 클릭 할 수 싶습니까? – Daerik

클릭 할 json 데이터의 예를 추가 할 수 있습니까 –

json이 추가되었습니다 – Rebekah

$(document).ready(function() { 
 

 

 
    $.getJSON('example.json', function(data) { 
 
     var output = ''; 
 
     $.each(data.name, function(key, value) { 
 
       output += '<a href=' + value.name + '</a>'; 
 
     }); 
 
     
 
     $('#user').html(output); 
 
    }); 
 
});

을 시도하십시오이 (업데이트) - 당신 루프

로 href의 값을 설정

출처

2016-11-28 21:10:51

이 나를 위해 작동하지 않는 것 같습니다 – Rebekah

그 자체가 작동 할 수있었습니다, 어떻게하면 각 이름을 클릭하면 링크가 뭔가 일을해야합니다 – Rebekah

@Rebekah 답변을 업데이트했습니다. –

json 데이터를 html로 클릭 가능한 링크로 만들기

답변

관련 문제