jquery using xml as html in IE 8.0 and other browsers

Question

jquery using xml as html in IE 8.0 and other browsers

100 Views Asked by panda At 18 April 2025 at 10:03

I need to get a xml string from the server, which is formatted as:

<xml><material>
<record>
<id>..</id>
<name>..</name>
<quantity>..</quantity>
<plink>..</plink>
</record>
<record>
..
</record>
</xml></material>

Client side get this xml and process it:

$.ajax({
  url:'getrecords.php',
  cache:false,
  type:"GET",
  dataType:'html',
  success:function (html){
    var records=$(html).find("record");
    alert(records.length);
  }

My problem is that, this code is working fine in Chrome and Firefox but not in IE 8.0 (I am using 8.0) It alerts 0 in IE while it alerts the correct length in chrome and firefox.

I try this but it also shows length of records is 0 in IE but fine in Chrome

var records=$("<xml><root><item></item></root></xml>").find("item");

Original Q&A

There are 2 best solutions below

Machinegon On 04 May 2012 at 14:02

Why do you set the dataType as html if it's xml that is returned? Try with dataType 'xml'

**Thulasiram** · Accepted Answer

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="../../../Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var xml = '<?xml version="1.0" encoding="utf-8" ?><material><record><id>1</id><name>A</name><quantity>10</quantity>'
                    + '<plink>test</plink></record><record><id>2</id><name>B</name><quantity>20</quantity><plink>test1</plink>'
                    + '</record><record><id>3</id><name>C</name><quantity>34</quantity><plink>test2</plink></record><record>'
                    + '<id>4</id><name>B</name><quantity>45</quantity><plink>test6</plink></record></material>';



            //            $.ajax({
            //                url: 'getrecords.php', cache: false, type: "GET", dataType: 'html',
            //                success: function (xml) { 
            var data = $($.parseXML(xml));
            var records = $(data).find('record');
            alert(records.length);
            //                }
            //            });
        });
    </script>
</head>
<body>
    <?xml version="1.0" encoding="utf-8" ?>
    <material>
  <record>
    <id>1</id>
    <name>A</name>
    <quantity>10</quantity>
    <plink>test</plink>
  </record>
  <record>
    <id>2</id>
    <name>B</name>
    <quantity>20</quantity>
    <plink>test1</plink>
  </record>
  <record>
    <id>3</id>
    <name>C</name>
    <quantity>34</quantity>
    <plink>test2</plink>
  </record>
  <record>
    <id>4</id>
    <name>B</name>
    <quantity>45</quantity>
    <plink>test6</plink>
  </record>
</material>
</body>
</html>

jquery using xml as html in IE 8.0 and other browsers

There are 2 best solutions below

Related Questions in JQUERY

Related Questions in JQUERY-XML

Trending Questions

Popular # Hahtags

Popular Questions