脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-jquery随机加载xml内容，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

jquery随机加载XMl内容

演示
XML/HTML Code

2. data.xml

   XML/HTML Code
   5. http://freejs.net/article_fenye_49.html
   6. http://freejs.net/demo/49/demo.jpg
   8. freejs已经发了不少无刷新翻页的代码了，点击右侧“相关文章”可以找到，这边这个不同在于多了一个跳转页面。
   9. 数据库与本站其他翻页的相同，本例和《jquery 无刷新翻页》均是非常实用的案例，而且本例更简单易懂
   13. http://freejs.net/article_jiaodiantu_82.html
   14. http://freejs.net/demo/82/demo.jpg
   16. css文件请到演示页面查看源码
   21. http://freejs.net/article_DAOhangcaidan_67.html
   22. http://freejs.net/demo/67/demo.jpg
   24. 很流行的菜单，很多购物网站在使用，包括京东，新蛋中国，易迅都是类似的
   25. 演示地址可以存源码
   29. http://freejs.net/article_tabbiaoqian_29.html
   30. http://freejs.net/demo/29/demo.jpg
   32. jquery实现简单的Tab切换菜单
   36. http://www.freejs.net
   37. http://freejs.net/images/LOGo.png
   39. 导航菜单,TAB标签,焦点图,图片特效,分页,表单等各种jquery代码演示

   44. readxml.js

       JavaScript Code
       1. /*
       2. Learn How to Read, Parse and Display XML Data in Random Order wITh jQuery
       3. Author: Kevin Liew
       4. Website: http://www.queness.COM
       5. */
       7. XMLLIST = {
       9. //general settings
       10. xml: 'data.xml?' + Math.random(0,1), //solve ie weird caching issue
       11. display: '3', //number of items to be displayed
       12. random: true, //display randomly {true|false}
       13. apPEndTo: '#list', //set the id/class to insert XML data
       15. init: function () {
       17. //jQuery ajax call to retrieve the XML file
       18. $.ajax({
       19. type: "GET",
       20. url: XMLLIST.xml,
       21. dataType: "xml",
       22. success: XMLLIST.parseXML
       23. });
       25. }, // end: init()
       27. parseXML: function (xml) {
       29. //Grab every single ITEM tags in the XML file
       30. VAR data = $('item', xml).get();
       31. //Allow user to toggle display randomly or vice versa
       32. var list = (XMLLIST.random) ? XMLLIST.randomize(data) : data;
       33. var i = 1;
       35. //Loop through all the ITEMs
       36. $(list).each(function () {
       38. //Parse data and embed it with HTML
       39. XMLLIST.insertHTML($(this));
       41. //If it reached user PRedefined total of display item, stop the loop, job done.
       42. if (i == XMLLIST.display) return false;
       43. i++;
       44. });
       47. }, // end: parseXML()
       49. insertHTML: function (item) {
       51. //retrieve each of the data field From ITEM
       52. var url = item.find('url').text();
       53. var image = item.find('image').text();
       54. var title = item.find('title').text();
       55. var desc = item.find('desc').text();
       56. var html;
       58. //Embed them into HTML code
       59. html = '

           ';

       60. html += '';
       61. html += '' + title + '';
       62. html += '

           ' + desc + '

           ';
       63. html += '
           ';
       65. //Append it to user predefined element
       66. $(html).appendTo(XMLLIST.appendTo);
       68. }, // end: inserthtml()
       71. randomize: function(arr) {
       73. //randomize the data
       74. //Credit to JSFromHell http://jsfromhell.com/array/shuffle
       75. for(var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x);
       76. return arr;
       78. } // end: randomize()
       81. }
       83. //Run this script
       84. XMLLIST.init();
           
           原文地址:http://www.freejs.net/article_jquerywenzi_120.html

           觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

           脚本宝典总结

           以上是脚本宝典为你收集整理的javascript代码实例教程-jquery随机加载xml内容全部内容，希望文章能够帮你解决javascript代码实例教程-jquery随机加载xml内容所遇到的问题。

           如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

           本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
           如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。