AJax技术

WEB开发 之 AJAX 实例

字号+ 作者:H5之家 来源:H5之家 2016-01-14 15:42 我要评论( )

WEB开发 之 AJAX 实例 为了帮助您理解 AJAX 的工作原理,我们创建了一个小型的 AJAX 应用程序。 实例 Let AJAX change this text 通过 AJAX 改变内容 AJAX 实例

WEB开发 之 AJAX 实例

 

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

 

AJAX 实例解释

 

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 的工作原理。

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Ajax与WEB开发 by alixixi.com

    Ajax与WEB开发 by alixixi.com

    2016-02-11 11:02

  • PHP教程,ASP教程,前端开发,h5cn教程,电脑教程

    PHP教程,ASP教程,前端开发,h5cn教程,电脑教程

    2016-02-09 15:01

  • 网页注册表单的网页设计技巧

    网页注册表单的网页设计技巧

    2016-02-06 16:00

  • JavaScript学习总结之JS、AJAX应用

    JavaScript学习总结之JS、AJAX应用

    2016-02-06 15:02

网友点评
-