Loading XML from file and parsing?












1















I have searched and searched and can't figure out why this code wont load an XML element into the


. I'm trying to load the XML from a file, read for a specific element and put it's data into a specific element.



HTML:



<!DOCTYPE html>
<html>
<head>
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<script>
$(document).ready(function(){
$.ajax({
type: "GET" ,
url: "score1.xml" ,
dataType: "xml" ,
success: function(xml) {
var xmlDoc = $.parseXML( xml ),
$xml = $( xmlDoc );
$home = $xml.find( "home" );
$( "#home" ).text( $home.text() );
}
});
});
</script>
</head>
<body><p id="home"></p>
</body>
</html>


score1.xml:



<?xml version="1.0" encoding="UTF-8"?><score><home>22</home></score>


(Should also add that while I've been using PHP/HTML for years, I am a total newbie to OOP and JQuery.)










share|improve this question




















  • 2





    Any network or JS errors?

    – CertainPerformance
    Jan 19 at 6:55











  • No JS errors, all running through XAMPP. No console errors.

    – Chase Cromwell
    Jan 19 at 6:55











  • Did you try putting a breakpoint inside the success callback and inspect the xml value?

    – jom
    Jan 19 at 6:57











  • @jom Not quite sure how I'd go about that? I have used several console.logs and get null and w.fn.init {}

    – Chase Cromwell
    Jan 19 at 7:00
















1















I have searched and searched and can't figure out why this code wont load an XML element into the


. I'm trying to load the XML from a file, read for a specific element and put it's data into a specific element.



HTML:



<!DOCTYPE html>
<html>
<head>
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<script>
$(document).ready(function(){
$.ajax({
type: "GET" ,
url: "score1.xml" ,
dataType: "xml" ,
success: function(xml) {
var xmlDoc = $.parseXML( xml ),
$xml = $( xmlDoc );
$home = $xml.find( "home" );
$( "#home" ).text( $home.text() );
}
});
});
</script>
</head>
<body><p id="home"></p>
</body>
</html>


score1.xml:



<?xml version="1.0" encoding="UTF-8"?><score><home>22</home></score>


(Should also add that while I've been using PHP/HTML for years, I am a total newbie to OOP and JQuery.)










share|improve this question




















  • 2





    Any network or JS errors?

    – CertainPerformance
    Jan 19 at 6:55











  • No JS errors, all running through XAMPP. No console errors.

    – Chase Cromwell
    Jan 19 at 6:55











  • Did you try putting a breakpoint inside the success callback and inspect the xml value?

    – jom
    Jan 19 at 6:57











  • @jom Not quite sure how I'd go about that? I have used several console.logs and get null and w.fn.init {}

    – Chase Cromwell
    Jan 19 at 7:00














1












1








1








I have searched and searched and can't figure out why this code wont load an XML element into the


. I'm trying to load the XML from a file, read for a specific element and put it's data into a specific element.



HTML:



<!DOCTYPE html>
<html>
<head>
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<script>
$(document).ready(function(){
$.ajax({
type: "GET" ,
url: "score1.xml" ,
dataType: "xml" ,
success: function(xml) {
var xmlDoc = $.parseXML( xml ),
$xml = $( xmlDoc );
$home = $xml.find( "home" );
$( "#home" ).text( $home.text() );
}
});
});
</script>
</head>
<body><p id="home"></p>
</body>
</html>


score1.xml:



<?xml version="1.0" encoding="UTF-8"?><score><home>22</home></score>


(Should also add that while I've been using PHP/HTML for years, I am a total newbie to OOP and JQuery.)










share|improve this question
















I have searched and searched and can't figure out why this code wont load an XML element into the


. I'm trying to load the XML from a file, read for a specific element and put it's data into a specific element.



HTML:



<!DOCTYPE html>
<html>
<head>
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<script>
$(document).ready(function(){
$.ajax({
type: "GET" ,
url: "score1.xml" ,
dataType: "xml" ,
success: function(xml) {
var xmlDoc = $.parseXML( xml ),
$xml = $( xmlDoc );
$home = $xml.find( "home" );
$( "#home" ).text( $home.text() );
}
});
});
</script>
</head>
<body><p id="home"></p>
</body>
</html>


score1.xml:



<?xml version="1.0" encoding="UTF-8"?><score><home>22</home></score>


(Should also add that while I've been using PHP/HTML for years, I am a total newbie to OOP and JQuery.)







javascript jquery html xml xml-parsing






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Jan 19 at 7:02









Jack Bashford

7,04531337




7,04531337










asked Jan 19 at 6:54









Chase CromwellChase Cromwell

2741211




2741211








  • 2





    Any network or JS errors?

    – CertainPerformance
    Jan 19 at 6:55











  • No JS errors, all running through XAMPP. No console errors.

    – Chase Cromwell
    Jan 19 at 6:55











  • Did you try putting a breakpoint inside the success callback and inspect the xml value?

    – jom
    Jan 19 at 6:57











  • @jom Not quite sure how I'd go about that? I have used several console.logs and get null and w.fn.init {}

    – Chase Cromwell
    Jan 19 at 7:00














  • 2





    Any network or JS errors?

    – CertainPerformance
    Jan 19 at 6:55











  • No JS errors, all running through XAMPP. No console errors.

    – Chase Cromwell
    Jan 19 at 6:55











  • Did you try putting a breakpoint inside the success callback and inspect the xml value?

    – jom
    Jan 19 at 6:57











  • @jom Not quite sure how I'd go about that? I have used several console.logs and get null and w.fn.init {}

    – Chase Cromwell
    Jan 19 at 7:00








2




2





Any network or JS errors?

– CertainPerformance
Jan 19 at 6:55





Any network or JS errors?

– CertainPerformance
Jan 19 at 6:55













No JS errors, all running through XAMPP. No console errors.

– Chase Cromwell
Jan 19 at 6:55





No JS errors, all running through XAMPP. No console errors.

– Chase Cromwell
Jan 19 at 6:55













Did you try putting a breakpoint inside the success callback and inspect the xml value?

– jom
Jan 19 at 6:57





Did you try putting a breakpoint inside the success callback and inspect the xml value?

– jom
Jan 19 at 6:57













@jom Not quite sure how I'd go about that? I have used several console.logs and get null and w.fn.init {}

– Chase Cromwell
Jan 19 at 7:00





@jom Not quite sure how I'd go about that? I have used several console.logs and get null and w.fn.init {}

– Chase Cromwell
Jan 19 at 7:00












1 Answer
1






active

oldest

votes


















2














Just remove the parseXML line and it works perfectly:



$(document).ready(function() {
$.ajax({
type: "GET",
url: "score1.xml",
dataType: "xml",
success: function(xml) {
var $xml = $(xml);
$home = $xml.find("home");
$("#home").text($home.text());
}
});
});


I've removed this line:



var xmlDoc = $.parseXML(xml);


And now it works perfectly.






share|improve this answer
























  • Good grief that was simple. Thank you! Works perfectly!

    – Chase Cromwell
    Jan 19 at 7:01






  • 1





    No problem whatsoever! Always glad to help @ChaseCromwell

    – Jack Bashford
    Jan 19 at 7:02











  • @ChaseCromwell If my answer fixed your problem could you please accept it?

    – Jack Bashford
    Jan 19 at 7:13











  • Accepted, Stack prevents accepting an answer within 10 min of asking the question.

    – Chase Cromwell
    Jan 19 at 7:20











Your Answer






StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














draft saved

draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54264783%2floading-xml-from-file-and-parsing%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown

























1 Answer
1






active

oldest

votes








1 Answer
1






active

oldest

votes









active

oldest

votes






active

oldest

votes









2














Just remove the parseXML line and it works perfectly:



$(document).ready(function() {
$.ajax({
type: "GET",
url: "score1.xml",
dataType: "xml",
success: function(xml) {
var $xml = $(xml);
$home = $xml.find("home");
$("#home").text($home.text());
}
});
});


I've removed this line:



var xmlDoc = $.parseXML(xml);


And now it works perfectly.






share|improve this answer
























  • Good grief that was simple. Thank you! Works perfectly!

    – Chase Cromwell
    Jan 19 at 7:01






  • 1





    No problem whatsoever! Always glad to help @ChaseCromwell

    – Jack Bashford
    Jan 19 at 7:02











  • @ChaseCromwell If my answer fixed your problem could you please accept it?

    – Jack Bashford
    Jan 19 at 7:13











  • Accepted, Stack prevents accepting an answer within 10 min of asking the question.

    – Chase Cromwell
    Jan 19 at 7:20
















2














Just remove the parseXML line and it works perfectly:



$(document).ready(function() {
$.ajax({
type: "GET",
url: "score1.xml",
dataType: "xml",
success: function(xml) {
var $xml = $(xml);
$home = $xml.find("home");
$("#home").text($home.text());
}
});
});


I've removed this line:



var xmlDoc = $.parseXML(xml);


And now it works perfectly.






share|improve this answer
























  • Good grief that was simple. Thank you! Works perfectly!

    – Chase Cromwell
    Jan 19 at 7:01






  • 1





    No problem whatsoever! Always glad to help @ChaseCromwell

    – Jack Bashford
    Jan 19 at 7:02











  • @ChaseCromwell If my answer fixed your problem could you please accept it?

    – Jack Bashford
    Jan 19 at 7:13











  • Accepted, Stack prevents accepting an answer within 10 min of asking the question.

    – Chase Cromwell
    Jan 19 at 7:20














2












2








2







Just remove the parseXML line and it works perfectly:



$(document).ready(function() {
$.ajax({
type: "GET",
url: "score1.xml",
dataType: "xml",
success: function(xml) {
var $xml = $(xml);
$home = $xml.find("home");
$("#home").text($home.text());
}
});
});


I've removed this line:



var xmlDoc = $.parseXML(xml);


And now it works perfectly.






share|improve this answer













Just remove the parseXML line and it works perfectly:



$(document).ready(function() {
$.ajax({
type: "GET",
url: "score1.xml",
dataType: "xml",
success: function(xml) {
var $xml = $(xml);
$home = $xml.find("home");
$("#home").text($home.text());
}
});
});


I've removed this line:



var xmlDoc = $.parseXML(xml);


And now it works perfectly.







share|improve this answer












share|improve this answer



share|improve this answer










answered Jan 19 at 7:00









Jack BashfordJack Bashford

7,04531337




7,04531337













  • Good grief that was simple. Thank you! Works perfectly!

    – Chase Cromwell
    Jan 19 at 7:01






  • 1





    No problem whatsoever! Always glad to help @ChaseCromwell

    – Jack Bashford
    Jan 19 at 7:02











  • @ChaseCromwell If my answer fixed your problem could you please accept it?

    – Jack Bashford
    Jan 19 at 7:13











  • Accepted, Stack prevents accepting an answer within 10 min of asking the question.

    – Chase Cromwell
    Jan 19 at 7:20



















  • Good grief that was simple. Thank you! Works perfectly!

    – Chase Cromwell
    Jan 19 at 7:01






  • 1





    No problem whatsoever! Always glad to help @ChaseCromwell

    – Jack Bashford
    Jan 19 at 7:02











  • @ChaseCromwell If my answer fixed your problem could you please accept it?

    – Jack Bashford
    Jan 19 at 7:13











  • Accepted, Stack prevents accepting an answer within 10 min of asking the question.

    – Chase Cromwell
    Jan 19 at 7:20

















Good grief that was simple. Thank you! Works perfectly!

– Chase Cromwell
Jan 19 at 7:01





Good grief that was simple. Thank you! Works perfectly!

– Chase Cromwell
Jan 19 at 7:01




1




1





No problem whatsoever! Always glad to help @ChaseCromwell

– Jack Bashford
Jan 19 at 7:02





No problem whatsoever! Always glad to help @ChaseCromwell

– Jack Bashford
Jan 19 at 7:02













@ChaseCromwell If my answer fixed your problem could you please accept it?

– Jack Bashford
Jan 19 at 7:13





@ChaseCromwell If my answer fixed your problem could you please accept it?

– Jack Bashford
Jan 19 at 7:13













Accepted, Stack prevents accepting an answer within 10 min of asking the question.

– Chase Cromwell
Jan 19 at 7:20





Accepted, Stack prevents accepting an answer within 10 min of asking the question.

– Chase Cromwell
Jan 19 at 7:20


















draft saved

draft discarded




















































Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid



  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.


To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54264783%2floading-xml-from-file-and-parsing%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

Liquibase includeAll doesn't find base path

How to use setInterval in EJS file?

Petrus Granier-Deferre