좋아, 그래서 나는 여기서이 코드로 고심하고있다. JSFiddle을 만들었지 만 json이 작동하지 않습니다. 어쨌든 이해하기에 충분한 정보가 있다고 생각합니다.
https://jsfiddle.net/9zor6bcu/3/
JS :
$.getJSON('http://jsonplaceholder.typicode.com/posts', function(data) {
for (var i = 0; i < 3; i++) {
var item = data[i];
var htmls;
htmls = '<div class="rl_grupo"><h3 class="rl_empresa"> Texto falso </h3><p class="rl_assina"> usuário falso </p><p class="rl_documentos"> 5 falsidades <span>></span></p></div>';
$(".rl_assina").html(item.title);
$(".container-fluid").append(htmls);
console.log(item.title);
}
});
그래서 다음과 같습니다. JSON 엔드 포인트 (이 예에서는 가짜 API)에서 데이터로 채우려는 html 페이지. 데이터를 반복 할 수 있습니다. 그리고 콘솔에서 올바른 출력을 확인하십시오 (예 item.title
:). 그러나 JSON에서 언급 한 줄을 사용하여 HTML에 추가하는 방법을 알 수 없습니다.
게시 된 바이올린에서 실제로 내 모든 Div에서 동일한 코드로 두 번째 줄을 변경했습니다. 내가 뭘 잘못하고 있으며이 코드를 어떻게 개선 할 수 있습니까? 나는 htmls
스크립트의 인라인 이 나쁜 것이라고 읽었습니다 .
따라서 누군가가 더 나은 연습을 지적 할 수 있다면 미리 감사드립니다!
올바르게 이해했다면 .rl_assina
추가하려는 새 요소의 컨텍스트에서을 설정해야합니다 .
$.getJSON('http://jsonplaceholder.typicode.com/posts', function(data) {
for (var i = 0; i < 3; i++) {
var item = data[i];
var htmls;
htmls = $('<div class="rl_grupo"><h3 class="rl_empresa"> Texto falso </h3><p class="rl_assina"> usuário falso </p><p class="rl_documentos"> 5 falsidades <span>></span></p></div>');
htmls.find(".rl_assina").html(item.title);
$(".container-fluid").append(htmls);
console.log(item.title);
}
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다