Содержание

Главная

JavaScript

PHP

Linux/FreeBSD

Контакты

 JavaScript

Получение и обработка XML данных в JavaScript

Текстовый формат XML позволяет передавать структурированные данные, которые можно вставлять в различные части HTML страницы. XML позволяет разделить оформление и данные. Рассмотрим пример получения XML данных и их обработку в JavaScript.

XML-файл

<?xml version="1.0" encoding="windows-1251"?>
<messages>
<message>
<text>текст</text>
<sender>имя</sender>
<date>дата</date>
</message>
</messages>

HTML-файл (необходима библиотека jQuery)

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Messenger</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function getMessage(){
$.ajax({
type: "GET",
url: "message.php",
success: function(msg){
update(msg);
}
});
}
function update(msg){
var messagesNode = msg.getElementsByTagName('messages')[0];
var messageNode = messagesNode.getElementsByTagName("message");
if(messageNode)
for(var i=0; i<messageNode.length; i++){
var message = messageNode[i];
var text = message.getElementsByTagName("text")[0].childNodes[0].nodeValue;
var sender = message.getElementsByTagName("sender")[0].childNodes[0].nodeValue;
var date = message.getElementsByTagName("date")[0].childNodes[0].nodeValue;
$('#message').prepend('<tr><td>'+text+'</td><td>'+sender+'</td><td>'+date+'</td></tr>');
}
}
</script>
</head>
<body>
<input type="button" value="Новое сообщение" onClick="getMessage();" />
<table id="message" border="1"></table>
</body>
</html>

Статьи:

copyright © 2011 Все права защищены.