i would like to access xml node values via javascript but i get  error

nicedone
nicedone used Ask the Experts™
on
hi i have an xml , and just want to access test value below via javascript,

but it fails to display the value ,below is my page , could you help me what i am missing here?


<?xml version="1.0" encoding="utf-8" ?>
<test>3</test>



  <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="LongPoll.aspx.cs" Inherits="LongPollingSample.LongPoll" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    
     <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
   

    <script>

        $.ajax({
            type: "GET",
            url: "Data.xml",
            dataType: "xml",
            success: function (xml) {
                // Parse the xml file and get data
                var xmlDoc = $.parseXML(xml),
                    $xml = $(xmlDoc);

                $v1 = $xml.find("test");


                alert($xml.find("test").value);

//$xml.find('note').each(function () {
                //    $("#test").append($(this).text() + "<br />");
                //});
            }
        });

    </script>
    <script>
        
        //var intervalId = setInterval(function () {


        //    $.ajax({
        //        url: "server", success: function (data) {
        //            //Update your dashboard gauge
        //            //salesGauge.setValue(data.value);
        //        }, dataType: "json"
        //    });
        //}, 30000);

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <p id="someElement"></p>
    </div>
    </form>
</body>
</html>

Open in new window

Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Most Valuable Expert 2017
Distinguished Expert 2018
Commented:
Try this
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
  $(function() {
    $.ajax({
      type: "GET",
      url: "Data.xml",
      dataType: "xml",
      success: function (xml) {
        var test = $(xml).find('test').text();
        $('#result span').html(test);
      }
    });
  });
</script>
</head>
<body>
<form id="form1">
  <div>
    <p id="someElement"></p>
    </div>
</form>
<div id="result">XML Value: <span></span></div>
</body>
</html>

Open in new window

Assumes XML file
<?xml version="1.0" encoding="utf-8" ?>
<test>3</test>

Open in new window

Author

Commented:
thanks
Most Valuable Expert 2017
Distinguished Expert 2018

Commented:
You are welcome.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial