When utilizing the subsequent YQL query along with XPATH to retrieve data from certain elements on a webpage:
select *
from html
where url="http://www.desidime.com"
and
xpath='//h5[@class="product_text"]'
I am attempting to showcase the outcomes on a basic HTML page, yet for some reason it is not functioning as expected. It seems like there might be a simple mistake somewhere.
Below is the code included in my HTML page:
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<style type='text/css'>
#results {
width: 40%;
margin-left: 30%;
border: 1px solid gray;
padding: 5px;
height: 200px;
overflow: auto;
}
</style>
<script type='text/javascript'>
// Parses returned response and extracts
// the title, links, and text of each news story.
function top_stories(o) {
var output = '';
var items = o.query.results.h5;
var no_items = items.length;
for (var i = 0; i < no_items; i++) {
var title = items[i].a.content;
output += "<h3>" + title + "</h3><hr/>";
}
document.getElementById('results').innerHTML = output;
}
</script>
</head>
<body>
<!-- Div tag for stories results -->
<div id='results'></div>
ishan1
<!-- The YQL statment will be assigned to src. -->
<script src='https://query.yahooapis.com/v1/public/yql?q=select%20*%0Afrom%20html%20%0Awhere%20url%3D%22http%3A%2F%2Fwww.desidime.com%22%20%0Aand%20%0Axpath%3D\"%2F%2Fh5%5B%40class%3D%22product_text%22%5D\"&format=json&callback='></script>
</body>
</html>
Your assistance in resolving this matter would be greatly appreciated.