Как мне AJAX в XML-файле и проанализировать значения?

Question

У меня есть следующий код AJAX и XML. Вы можете увидеть значения, которые я пытаюсь установить. Я просто не знаю, как выполнить синтаксический анализ файла XML для установки этих переменных.

Код AJAX:

$.ajax({
          url: 'PATH TO XML',
          dataType: ($.browser.msie) ? "text" : "xml",
          success: function(data) {
                        var context = default;
                        if ( ... ) {
                           context = not-default;
                        }
                    }

XML-код:

<messages>
 <message id="id1" context="default">
      <content>

            <p>Default HTML</p>


      </content>
 </message>
 <message id="id2" context="not-default">
      <content>

        <p>Not Default HTML</p>

      </content>
</message>
</messages>

Answer 1

Все довольно просто:

$(yourXmlFileContents);

Отсюда, просто используйте метод .find() для выбора элементов:

$(yourXmlFileContents).find('foo[context=bar]');

ПРИМЕЧАНИЕ: Если вы предоставите содержимое документа в виде строки jQuery будет интерпретировать его не как XML, а как HTML.

Answer 2

Если вы установите dataType как «xml», значение, предоставленное вашей функции success, будет объектом документа XML, и передача его в основную функцию jQuery будет делать то, что вы хотите.Если вместо этого у вас есть XML в виде строки, вам нужно передать ему метод jQuery parseXML() (новое в версии 1.5):

var xmlStr = "<foo>bar</foo>";
var xmlDoc = $.parseXML(xmlStr);
$xml = $(xmlDoc);
alert($xml.find("foo").text()); // Alerts "bar"

Answer 3

См. Этот пример :

$(document).ready(function () {
    $.ajax({
        type: "GET",
        dataType: "xml",
        url: "XMLFile.xml",
        success: function (xml) {
            $(xml).find('type').each(function () { // find all "type" tag in XML
                if ($(this).text() == 'administrative_area_level_3') { // in here $(this) is our "type" tag
                    var result = $(this).parent().find('long_name').text(); // get result
                    $('#result').html('The Result is: ' + result) // write result
                }
            })
        }
    })
})