[x] Для всех других языков добавьте эквивалентный заголовок content- type.
Если этот заголовок не задан, свойство responseXML объекта XMLHttp будет пустым (это свойство будет описано далее).
JSON имеет аналогичный набор правил, и всю документацию по способам записи можно увидеть на http://www.json.org/. Однако упрощенно можно сказать, что:
[x] объекты начинаются и заканчиваются с помощью символов { и } соответственно;
[x] массивы начинаются и заканчиваются с помощью символов [ и ] соответственно;
[x] все строки заключаются в двойные кавычки ';
[x] символы ' в строке должны экранироваться: '.
Проще говоря, строка JSON должна представлять допустимый объект JavaScript.
Теперь посмотрим на то, как можно выполнить синтаксический разбор этих данных. В данный момент мы создадим просто сценарий, который сообщит, сколько имеется контактов, и выведет о них информацию. Начнем с версии XML, возвращаясь к предыдущему незаконченному фрагменту кода:
function processingFunction(){
if(oXml.readyState!=4) return; // запрос не выполнен
// Результаты обрабатываются здесь. Подробнее дальше!
}
Когда скрипт попадает в тело функции, запрос XMLHttp будет выполнен. Объект XMLHttp имеет два метода для возврата данных: responseXML и responseText. Так как в данный момент мы работаем с файлом XML, то будем использовать responseXML:
function processingFunction(){
if(oXml.readyState!=4) return;
var xmlDoc = oXml.responseXML;
var contacts = xmlDoc.selectNodes('/xml/contacts/person');
alert('There are '+contacts.length+' contacts!');
for(var i=0; i<contacts.length; i++){
alert('Contact #'+(i+1)+':
'+
'First Name: '+contacts[i].getAttribute('firstname')+'
'+
'Last Name: '+contacts[i].getAttribute('lastname') +'
'+
'Phone #: '+contacts[i].getAttribute('phone') +'
');
}
}
Здесь имеется 3 функции вывода (alert). Одна сообщает, что имеется два контакта, а еще две выводят контактную информацию для каждого человека.
Посмотрим на тот же сценарий, использующий текст JSON:
function processingFunction(){
if(oXml.readyState!=4) return;
var json = eval('('+oXml.responseText+')');
alert('There are '+json.contacts.length+' contacts!');
for(var i=0; i<json.contacts.length; i++){
alert('Contact #'+(i+1)+':
'+
'First Name: '+json.contacts[i].firstname+'
'+
'Last Name: '+json.contacts[i].lastname +'
'+
'Phone #: '+json.contacts[i].phone +'
');
}
}
Как можно видеть, строки JSON можно преобразовать в JavaScript, используя просто встроенную в JavaScript команду eval(). Однако это можно делать, только если вы полностью доверяете источнику данных. Если это не так (если данные поступают из не вполне известного источника данных), то необходимо пропустить их в целях безопасности через JSON Parser (Анализатор JSON).
Наконец можно выбрать получение данных в любом другом простом текстовом формате вместо XML или JSON. Однако в этом случае необходимо решить, как выполнить синтаксический анализ данных. Если имеется только один фрагмент данных, такой, как комментарий, то это может быть практичным решением.
Что использовать: XML или JSON? Здесь нет больших различий. XML имеет более широко распространенный формат и переносим почти на любую систему. Если создаваемый проект будет работать с внешними источниками, то, вероятно, лучше использовать XML. Однако JSON немного легче для понимания и в общем он быстрее для разработки кода, чем XML. Если эта технология применяется для персонального проекта или в начале нового проекта, которому не нужно взаимодействовать с другими приложениям, то JSON определенно заслуживает рассмотрения.
В действительности уже есть все, что нужно для создания приложений AJAX, но мы рассмотрим достаточно простой пример. Мы собираемся написать небольшую таблицу данных (data grid), которая извлекает данные из трех различных файлов JSON. Для простоты эти файлы уже были сгенерированы. На практике эти файлы будут скорее всего генерироваться оперативно с помощью серверного сценария.
Файл 1
{contacts:[
{'firstname':'Steve' ,'lastname':'Smith', 'phone':'555-1212'},
{'firstname':'Joe' ,'lastname':'Stevens', 'phone':'555-0193'},
{'firstname':'Sam' ,'lastname':'Smith', 'phone':'555-5120'},
{'firstname':'Dave' ,'lastname':'Stevens', 'phone':'555-0521'},
{'firstname':'Suzy' ,'lastname':'Smith', 'phone':'555-9410'},
{'firstname':'Jessica' ,'lastname':'Stevens', 'phone':'555-8521'},
{'firstname':'James' ,'lastname':'Smith', 'phone':'555-4781'},
{'firstname':'Jacob' ,'lastname':'Stevens', 'phone':'555-9281'},
{'firstname':'Alex' ,'lastname':'Smith', 'phone':'555-7261'},
