How to fetch data from xml using ajax

Question

I had a file data.php

<div class="content">hello</div>

I can fetch data in main file using

main.php

<div id="content1"></div>
<script>
$.post("data.php",function(r,s){$("#content1").html(r);});
</script>

This script fetches the data from data.php even if i try data.txt it also works but when i convert data.php into data.xml this does not work

<div id="content1"></div>
<script>
$.post("data.xml",function(r,s){$("#content1").html(r);});
</script>

what should i do to fetch data from xml file. please help

Refer this link http://www.w3schools.com/ajax/ajax_xmlfile.asp You wil find a very beautiful explanation . — Rahul Singh, Sep 01 '16 at 09:36
Check your server settings for the filetype. jquery will see that it's an xml file and handle it differently. — freedomn-m, Sep 01 '16 at 09:47
@RahulSingh in link javascript ajax is used i want to use jquery — beginner, Sep 01 '16 at 10:07
@freedomn-m $.lost also not working, i am doing it at localhost — beginner, Sep 01 '16 at 10:12

score 1 · Answer 1 · answered Sep 01 '16 at 10:20

1

If you want to use jquery ajax then try this method.

  $.ajax({
                type: "POST",
                url: "data.xml",
                dataType: "xml",
                success: function (xml) {
                    var xmlDoc = $.parseXML(xml),
                    $xml = $(xmlDoc);
                    $title = $xml.find( "title" );
                    $("#someElement" ).append( $title.text() );
                }
            });

You need to parseXml data.

answered Sep 01 '16 at 10:20

Rahul Singh

330
2
5
16

If needed you can refer this link also. http://stackoverflow.com/questions/16417211/load-xml-file-content-into-div-using-jquery – Upendrasinh Jadeja Sep 01 '16 at 10:22

How to fetch data from xml using ajax

1 Answers1