加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

AJAX 实例

发布时间:2020-12-15 22:05:22 所属栏目:百科 来源:网络整理
导读:AJAX 实例 ? PreviousPage ? NextPage 为了帮助您理解 AJAX 的工作原理,我们创建了一个小型的 AJAX 应用程序。 实例 LetAJAXchangethistext 通过 AJAX 改变内容 AJAX 实例解释 上面的 AJAX 应用程序包含一个 div 和一个按钮。 div 部分用于显示来自服务器的

AJAX实例

?PreviousPage

?NextPage

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

实例

LetAJAXchangethistext

通过AJAX改变内容

AJAX实例解释

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

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

<html>

<body>

<divid="myDiv"><h3>LetAJAXchangethistext</h3></div>

<buttontype="button"onclick="loadXMLDoc()">ChangeContent</button>

</body>

</html>

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

<head>

<scripttype="text/javascript">

functionloadXMLDoc()

{

....AJAXscriptgoeshere...

}

</script>

</head>

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

来自:http://www.w3school.com.cn

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读