ajax текст ответа от xml до html

Question

ajax текст ответа от xml до html

0

У меня есть функция ajax с ответом типа данных xml. Мне нужно назначить этот ответ как раскрывающийся элемент управления. Как я могу получить доступ к значениям Id и Name из ответа XML?

Я попробовал данные [i].getElementsByTagName("Id") [0].childNodes [0].nodeValue; который не дает мне никакой ценности

$.ajax({
  url: 'POWeb.asmx/GetStates?countryId=' + thisval,

  success: function (data) {
           var x = data.getElementsByTagName("KeyValueInt");
           var html = '<select>'

           for (i= 0; i < length; i++) {
                item = data[i].getElementsByTagName("Id")[0].childNodes[0].nodeValue;
                value = data[i].getElementsByTagName("Name")[0].childNodes[0].nodeValue;
                html += '<option value=' + item + '>' + value + '</option>';
           }
           html += '</select>';
           alert(html);
 },
 error: function (XMLHttpRequest, textStatus, errorThrown) {
     //some stuff on failure
 }
});


<?xml version="1.0" encoding="utf-8"?>
<ArrayOfKeyValueInt xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"    
xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns="http://tempuri.org/">
<KeyValueInt>
  <Id>51</Id>
  <Name>Ontario</Name>
</KeyValueInt>
<KeyValueInt>
  <Id>52</Id>
  <Name>Quebec</Name>
</KeyValueInt>
<KeyValueInt>
  <Id>53</Id>
  <Name>Nova Scotia</Name>
</KeyValueInt>

kalyanasundaram v 16 фев. 2014, в 07:18

Источник

Теги:

jquery

html

xml

xml-parsing

1 ответ

Ещё вопросы

yalight · Accepted Answer · 2014-02-16T04-00-00.000Z

Вы пропустили конечный тег </ArrayOfKeyValueInt> в своем XML файле! И data не являются массивом, это объект DOM. Следующий код должен быть okey:

success: function(data) {
       var x = data.getElementsByTagName("KeyValueInt");
       var html = '<select>'

       for (i= 0; i < x.length; i++) {
            item = x[i].getElementsByTagName("Id")[0].childNodes[0].nodeValue;
            value = x[i].getElementsByTagName("Name")[0].childNodes[0].nodeValue;
            html += '<option value=' + item + '>' + value + '</option>';
       }
       html += '</select>';
       alert(html);
},