AJAX

using AJAX to get only relevant info

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Feb 2009

Posts: 11

Reputation: NetMyMate is an unknown quantity at this point

Solved Threads: 0

NetMyMate

Offline

Newbie Poster

using AJAX to get only relevant info

Jul 7th, 2009

I have a large xml file which contains news, articles, reviews, etc. I wanna use AJAX and get only news displayed in a

Help with Code Tags

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)

<div>

•

Join Date: Jul 2009

Posts: 178

Reputation: codejoust is an unknown quantity at this point

Solved Threads: 18

codejoust

Offline

Junior Poster

Re: using AJAX to get only relevant info

Jul 7th, 2009

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
<html>
<head>
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
     <script type="text/javascript">
xmlFile = "data.xml"; /* URL of XML File. Must be on the same domain */
     $(function() {
             $.ajax({
                 type: "GET",
                 url: xmlFile, 
                 dataType: "xml",
                 success: function(xml) {
                     $('.load').hide('fast');
                     $(xml).find('div').each(function(){
                         $('<li></li>')
                             .html($(this).html());
                             .appendTo('#news');
                     });
                 }
             });
     });
     </script>
   </head>
<body>
<ul id="news">
<li class="load">Please Wait. Loading...</li>
</ul>
</body>
<html>
<head>
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
     <script type="text/javascript">
xmlFile = "data.xml"; /* URL of XML File. Must be on the same domain */
     $(function() {
             $.ajax({
                 type: "GET",
                 url: xmlFile, 
                 dataType: "xml",
                 success: function(xml) {
                     $('.load').hide('fast');
                     $(xml).find('div').each(function(){
                         $('<li></li>')
                             .html($(this).html());
                             .appendTo('#news');
                     });
                 }
             });
     });
     </script>
   </head>
<body>
<ul id="news">
<li class="load">Please Wait. Loading...</li>
</ul>
</body>

-- jQuery to do that...
Change the url in the script (the ajax url), and it should work.
The code was adopted from http://www.xml.com/pub/a/2007/10/10/jquery-and-xml.html
Good Luck!

Last edited by codejoust; Jul 7th, 2009 at 4:09 pm. Reason: Messed up BBcode Tags

CodeJoust! Design + Development - Proud User of Ubuntu