注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

天涯倦客的博客

祝福你朋友永远快乐!

 
 
 

日志

 
 

AJAX 基础-AJAX 实例  

2011-10-10 13:05:47|  分类: AJAX |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

为了帮助您理解 AJAX 的工作原理,我们创建了一个小型的 AJAX 应用程序。

实例

Let AJAX change this text

AJAX 实例解释

上面的 AJAX 应用程序包含一个 div 和一个按钮。

div 部分用于显示来自服务器的信息。当按钮被点击时,它负责调用名为 loadXMLDoc() 的函数:

<html>  <body>    <div id="myDiv"><h3>Let AJAX change this text</h3></div>  <button type="button" onclick="loadXMLDoc()">Change Content</button>    </body>  </html>  

接下来,在页面的 head 部分添加一个 <script> 标签。该标签中包含了这个 loadXMLDoc() 函数:

<head>  <script type="text/javascript">  function loadXMLDoc()  {  .... AJAX script goes here ...  }  </script>  </head>  

下面的章节会为您讲解 AJAX 的工作原理。

来源:http://www.w3school.com.cn/ajax/ajax_example.asp

  评论这张
 
阅读(385)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017