源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

ajax初级教程之获取博文列表

  • 时间:2020-12-04 04:18 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:ajax初级教程之获取博文列表
在写这个Demo时,原本是想直接访问小菜博客的rss,但这是明显的跨域访问,是不允许的。          因此,小菜把博客rss保存到了本地,就是一个xml格式文件,直接用AJAX请求本地的xml文件。          通过[b]本例,展示了如下技术:[/b]          l  AJAX的核心类XMLHttpRequest的使用。          l  AJAX通过GET方式获取服务端xml文件。          l  利用Javascript操作xml文件。          l  利用Javascript更新html界面。 [b]         Demo概要说明:[/b]          index.html作为主页,引用ajax.js脚本,在ajax.js脚本中利用AJAX技术请求同目录下的rss.xml,请求成功后在index.html中显示xml中的信息。          整个过程模拟了AJAX的局部刷新效果。          具体代码:         [b]Html代码(index.html):[/b]
[url=http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]">  <html xmlns="[url=http://www.w3.org/1999/xhtml]http://www.w3.org/1999/xhtml[/url]">      <head>          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />          <title>获取博客园博客rss列表</title>          <script type="text/javascript" language="javascript" src="ajax.js"></script>      </head>      <body>          <div id="frmMain">              <ul id="blogTitleList"></ul>              <input name="btnGet" value="获取博客标题列表" onclick="javascript:getBlogTitle();" type="button" />          </div>      </body>  </html>
[b]         AJAX脚本(ajax.js):[/b]
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部