Включить xml в html

Вставка XML-документа в страницу html с использованием XmlHttpRequest

Здравствуйте, у меня возник один вопрос по вставке xml-документа в страницу html.
Нужно использовать XmlHttpRequest для создания страницы сайта, но при этом нужно не парсить xml-файл и на его основе генерировать html-код, а вставлять его как через iframe. Можете объяснить, как это сделать (и возможно ли вообще)?
На всякий случай выложу свои наработки (хотя толку от них ноль):

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

html> head> title>Blog/title> /head> body> script type="text/javascript"> xmlhttp=new XMLHttpRequest; xmlhttp.open("GET","http://localhost/blog.xml",true); xmlhttp.send(); xmlDoc=xmlhttp.responseXML; /*Вот тут что-то нужно сделать*/ /script> /body> /html>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

 type="text/xsl" href="blog.xslt"?> > > >25 > >04 > >2015 > >Some text > > > >04 > >04 > >2015 > >Again text > > > >16 > >03 > >2015 > >Yes, text > > >

Источник

How to Use XSLT to Display XML Data on an HTML Webpage

To view XML data as part of a webpage, you can utilize XSLT; browsers do not provide this capability on their own.

Readers like you help support MUO. When you make a purchase using links on our site, we may earn an affiliate commission. Read More.

XML is a language used to structure, store, and exchange data. XSLT is another language that allows you to transform your XML data into other formats, such as HTML.

You can use XSLT to display XML data on an HTML webpage. Using XML and XSLT to display your data can be useful, as it allows you to structure the data in a way that makes sense for your specific needs.

How to Add Example Data to an XML File

To display XML data on a webpage, you first need to create the XML file and add data to it.

1. Create a new file called data.xml.
2. Inside the XML file, declare the encoding and XML version:

 

games> 
game> 
name>The Last of Us Part II name> 
developer>Naughty Dog developer> 
game> 
game> 
name>Ghost of Tsushima name> 
developer>Sucker Punch Productions developer> 
game> 
game> 
name>Death Stranding name> 
developer>Kojima Productions developer> 
game> 
games> 

How to Use XSLT to Read Data From the XML File

Create a new XSL file to loop through each data point in the XML page and display the data.

1. In the same folder as your XML file, create a new file called xmlstylesheet.xsl.
2. Inside the file, declare the XSL version, and add the basic XSL tag structure:

 
xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> 
// Your code here 
xsl:stylesheet> 

xsl:template match="/"> 
html> 
body> 
// Your HTML code in here 
body> 
html> 
xsl:template> 

xsl:for-each select="games/game"> 
 
xsl:for-each> 

xsl:value-of select="name" />
xsl:value-of select="developer" /> 

How to Display Data on an HTML Webpage

You will not be able to open the XSLT or XML file directly in the browser to view the data as part of a webpage. Create a new HTML file, and render the data using an iframe tag.

1. In the same folder as your XML and XSL files, create a new file called index.html.
2. Add the basic structure of an HTML file. If you have not used HTML before, you can brush up on introductory HTML concepts.

html>
html> 
head> 
title>XML and XSLT Example title> 
head> 
body> 
 
 
body> 
html> 

h1>XML and XSLT Example h1>
p>The following content is generated from an XML file: p>
iframe src="data.xml" xslt="xmlstylesheet.xsl"> iframe> 

html,
body height: 100%; 
margin: 0;
>

body display: flex; 
justify-content: center; 
align-items: center; 
flex-direction: column;
>

p margin-bottom: 24px;
> 

link rel="stylesheet" href="styles.css"> 

Display Data in HTML Webpages

There are many ways to display data in HTML webpages, XML and XSLT being one of them. Feel free to explore the other ways you can do this, such as storing and displaying user input using JavaScript.

Источник

Отображение XML-документов с использованием связывания данных

Аннотация: В этой лекции вы получите сведения о двух основных шагах при связывании данных. Также узнаете в подробностях, как привязать XML-документ к HTML-странице, как сцеплять элементы HTML с элементами XML, и как программировать Web-страницу с помощью сценариев, которые используют в качестве базового объекта программирования связанные данные.

Связывание данных является первым из методов отображения XML -документа с традиционной HTML -страницы, с которым вы познакомитесь. Отображение XML с HTML -страниц дает вам возможность воспользоваться как преимуществами хранения данных в XML -документе, с его гибким синтаксисом для структурирования данных и маркировки каждого фрагмента информации, так и имеющееся богатство форматирования и динамическое программирование HTML .

При связывании данных вы соединяете XML -документ с HTML -страницей, а затем встраиваете стандартные HTML -элементы, такие как SPAN или TABLE , в отдельные XML -элементы. HTML -элементы затем автоматически отображают содержимое XML -элементов, в которые они встроены.

Связывание данных, как и другие методы, о которых вы узнаете в этой лекции, работает только с XML -документом, который симметрично структурирован, например, как базы данных , – а именно, элементы документа могут быть интерпретированы как набор записей и полей. В простейшем случае такой документ состоит из корневого элемента, содержащего множество элементов одинакового типа (записи ), каждый из которых имеет одинаковый набор дочерних элементов, все из которых содержат символьные данные (поля). В качестве примера можно привести документ Inventory . xml , который представлен в Листинге 8.1. Элементы BOOK этого документа могут быть интерпретированы как записи, а элементы, вложенные в каждый элемент BOOK ( TITLE , AUTHOR и т.д.), могут быть интерпретированы как поля. Далее в этой лекции вы подробнее узнаете о специфических структурах документа, которые подходят для связывания данных. Если структура документа такова, что не допускает связывание данных, можно использовать метод создания сценариев, о котором пойдет речь в «Отображение XML-документов с использованием сценариев объектной модели документа» .

В этой лекции вы прежде всего получите сведения о двух основных шагах при связывании данных. Затем вы узнаете в подробностях, как привязать XML -документ к HTML -странице (первый основной шаг) и как сцеплять элементы HTML с элементами XML (второй основной шаг). Наконец, вы узнаете, как программировать Web-страницу с помощью сценариев, которые используют в качестве базового объекта программирования связанные данные (а именно, Data Source Object , или DSO ). Вы можете применять эти сценарии совместно со связыванием данных – либо независимо.

В «Отображение XML-документов с использованием сценариев объектной модели документа» вы познакомитесь с совершенно иным способом организации доступа управления и отображения XML -документа с HTML -страницы. Этот метод вы можете использовать для XML -документов любого типа, независимо от вида его логической структуры.

Ссылка. Для получения более подробной информации о связывании данных и объекте DSO , который лежит в основе этого метода, обратитесь к Web-странице Microsoft Developer Network (MSDN) по адресу: http://msdn.microsoft.com/xml/xmlguide/xmldso.asp.

Основные шаги

Вот два основных этапа при связывании данных:

1. Установка связи XML-документа с HTML-страницей, на которой вы хотите отобразить данные XML. Этот шаг обычно реализуется включением HTML-элемента с именем XML в HTML-страницу. Например, следующий элемент на HTML-странице связывает XML-документ Book.xml со страницей:

Источник

Как использовать XSLT для отображения данных XML на веб-странице HTML

Такие читатели, как вы, помогают поддерживать MUO. Когда вы совершаете покупку по ссылкам на нашем сайте, мы можем получать партнерскую комиссию. Читать больше.

XML — это язык, используемый для структурирования, хранения и обмена данными. XSLT — это еще один язык, который позволяет преобразовывать данные XML в другие форматы, такие как HTML.

Вы можете использовать XSLT для отображения данных XML на веб-странице HTML. Использование XML и XSLT для отображения ваших данных может быть полезным, так как позволяет вам структурировать данные таким образом, чтобы это соответствовало вашим конкретным потребностям.

Как добавить пример данных в файл XML

Чтобы отобразить данные XML на веб-странице, сначала необходимо создать файл XML и добавить в него данные.

1. Создайте новый файл с именем data.xml.
2. Внутри файла XML объявите кодировку и версию XML:

 
 
The Last of Us Part II 
Naughty Dog 
 
Ghost of Tsushima 
Sucker Punch Productions 
 
Death Stranding 
Kojima Productions 

Как использовать XSLT для чтения данных из XML-файла

Создайте новый файл XSL для циклического просмотра каждой точки данных на странице XML и отображения данных.

1. В той же папке, что и файл XML, создайте новый файл с именем xmlstylesheet.xsl.
2. Внутри файла объявите версию XSL и добавьте базовую структуру тега XSL:

Как отображать данные на веб-странице HTML

Вы не сможете открыть файл XSLT или XML непосредственно в браузере, чтобы просмотреть данные как часть веб-страницы. Создайте новый HTML-файл и визуализируйте данные с помощью тега iframe.

1. В той же папке, что и файлы XML и XSL, создайте новый файл с именем index.html.
2. Добавьте базовую структуру файла HTML. Если вы раньше не использовали HTML, вы можете освежить в памяти вводные концепции HTML.

XML and XSLT Example

The following content is generated from an XML file:

 

html,
body height: 100%; 
margin: 0;
>

body display: flex; 
justify-content: center; 
align-items: center; 
flex-direction: column;
>

p margin-bottom: 24px;
>

Отображение данных на веб-страницах HTML

Существует множество способов отображения данных на веб-страницах HTML, XML и XSLT являются одними из них. Не стесняйтесь исследовать другие способы сделать это, такие как сохранение и отображение пользовательского ввода с помощью JavaScript.

Источник