HTML 페이지에 XML 내용 표시
XML과 다른 종류의 데이터를 같은 페이지에 표시하는 방법?
<?xml version="1.0" encoding="ISO-8859-1"?>
<catalog>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<country>Columbia</country>
<price>10.90</price>
<year>1985</year>
</cd>
</catalog>
위 XML은 포맷과 함께 그대로 표시되어야 합니다.또한 HTML 테이블 등을 내 페이지에 표시하고 싶습니다.이를 달성하는 방법은?
- 파일을 통해서가 아닌 STRING으로 XML을 받는 것은 사실입니다.
- 구문 분석을 원하지 않습니다.
- 전시하고 싶어요 (바로 그거에요)
- XSLT에 대해 말씀하신다면 (예를 들어보시기 바랍니다)
- Jquery plugin을 사용하려고 생각 중입니다 (예시가 있습니까?)
간단한 해결책은 내부에 내장하는 것입니다.<textarea>element - 서식 및 각괄호를 모두 보존합니다.저는 또한 다음과 같은 경계를 없앴습니다.style="border:none;"텍스트 영역을 보이지 않게 만드는 겁니다
다음은 샘플입니다: http://jsfiddle.net/y9fqf/1/
오래된 것을 사용할 수 있습니다.<xmp>태그. 브라우저 지원에 대해서는 모르지만 그래도 될 겁니다.
<HTML>
your code/tables
<xmp>
<catalog>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<country>Columbia</country>
<price>10.90</price>
<year>1985</year>
</cd>
</catalog>
</xmp>
출력:
your code/tables
<catalog>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<country>Columbia</country>
<price>10.90</price>
<year>1985</year>
</cd>
</catalog>
<pre lang="xml" >{{xmlString}}</pre>
저는 이게 통했어요.http://www.codeproject.com/Answers/998872/Display-XML-in-HTML-Div#answer1 덕분에
내용을 HTML이 아닌 텍스트로 취급하는 경우 DOM 작업으로 인해 데이터가 제대로 인코딩되어야 합니다.jQuery에서 수행하는 방법은 다음과 같습니다.
$('#container').text(xmlString);
다음은 표준 DOM 방법으로 수행하는 방법입니다.
document.getElementById('container')
.appendChild(document.createTextNode(xmlString));
서버측 스크립팅을 통해 HTML 내부에 XML을 배치하는 경우 이를 가능하게 하는 인코딩 기능이 있을 수밖에 없습니다(서버측 기술이 무엇인지 추가하는 경우 구체적인 예를 들어 드릴 수 있습니다).
2017년 업데이트. 텍스트 영역은 스프링, 부트스트랩 및 기타 여러 가지를 사용하여 잘 작동했습니다.SOAP 페이로드를 DB에 저장하고 스프링이 읽고 스프링-MVC를 통해 푸시했습니다. xmp는 전혀 작동하지 않았습니다.
HTML 페이지에 XML 데이터를 표시하는 간단한 솔루션은 다음과 같습니다. 이 웹 사이트로 이동하십시오.
코드를 붙여넣고 HTML의
프리태그에 사용할 수 있는 XML 코드를 생성하여 표시합니다.
언급URL : https://stackoverflow.com/questions/7519618/display-xml-content-in-html-page
'programing' 카테고리의 다른 글
| 실행 후 PHP StdErr() (0) | 2023.10.02 |
|---|---|
| Oracle의 varchar 정렬 순서가 varchar 비교 동작과 일치하지 않는 이유는 무엇입니까? (0) | 2023.10.02 |
| PHP: 배열에서 키를 가져오시겠습니까? (0) | 2023.10.02 |
| 생성된 d3 html에서 angularjs directives를 어떻게 사용합니까? (0) | 2023.10.02 |
| PowerShell 스크립트에서 shebang을 사용하려면 어떻게 해야 합니까? (0) | 2023.10.02 |