`
zzw5516
  • 浏览: 68368 次
  • 性别: Icon_minigender_1
  • 来自: ...
社区版块
存档分类
最新评论

最简单的 AJAX 例子代码(完整注释)

阅读更多

<script>

// 1. 初始化 请求 对象

// Mozilla/Firefox 下的

var xmlhttp = new XMLHttpRequest();

// IE 下的

//var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")

//alert(xmlhttp);

function ajaxTest() {

??? // 指定要打开的页面

??? xmlhttp.open("GET", "staticpage.html", true);// HTTP 请求的方式, URL, 是否异步

??? // 指定页面打开完之后要进行的操作.

??? xmlhttp.onreadystatechange = mychange;

??? // 开始发起浏览请求, Mozilla 必须加 null

??? xmlhttp.send(null);

}

// 这个函数就是每次状态改变要调用的函数

function mychange() {

??? // 请求已完成

??? if(xmlhttp.readyState == 4) {

??????? //alert(xmlhttp.readyState);

??????? alert(xmlhttp.responseText);

??????? // 更新对应的 HTML 元素里面显示的内容

??? // 根据 ID 引用页面里面的元素 document.getElementById(元素名)

??? document.getElementById('weather').innerHTML = xmlhttp.responseText;

??? }

}

</script>


分享到:
评论

相关推荐

    图片滚动例子(带注释)

    在服务器端,我们可以使用C#编写代码来动态生成HTML和JavaScript,或者通过AJAX更新图片。这里主要涉及客户端的JavaScript和HTML,但服务器端的逻辑可能包括数据获取、图片路径处理等。由于ASP.NET涉及的内容较多,...

    jQuery实现最简单的时分秒倒计时代码.zip

    本资源“jQuery实现最简单的时分秒倒计时代码.zip”提供了一个利用jQuery创建基本时分秒倒计时功能的示例。下面我们将详细探讨如何使用jQuery实现这样的功能以及相关知识点。 首先,理解倒计时的基本概念:倒计时是...

    用于登录的jQuery 弹出层例子代码

    **jQuery弹出层在网页登录应用中的实现** ...jQuery库以其简洁的API和强大的功能,成为了实现这些效果的首选工具。本示例将探讨如何使用jQuery创建...记住,良好的代码组织和注释也是提高代码可读性和维护性的重要方面。

    JAVA上百实例源码以及开源项目源代码

    2个目标文件 摘要:Java源码,文件操作,TCP,服务器 Tcp服务端与客户端的JAVA实例源代码,一个简单的Java TCP服务器端程序,别外还有一个客户端的程序,两者互相配合可以开发出超多的网络程序,这是最基础的部分。...

    java源码包---java 源码 大量 实例

     Tcp服务端与客户端的JAVA实例源代码,一个简单的Java TCP服务器端程序,别外还有一个客户端的程序,两者互相配合可以开发出超多的网络程序,这是最基础的部分。 递归遍历矩阵 1个目标文件,简单! 多人聊天室 3...

    jquery实现一个简单有趣的登录框代码.zip

    通过这个“jquery实现一个简单有趣的登录框代码.zip”文件,我们可以学习如何利用jQuery的特性来构建一个吸引用户的登录界面。 首先,让我们了解jQuery的基本用法。jQuery通过选择器(如`$("#id")`或`$(".class")`...

    easyui 1.1 未压缩 源代码

    包含的完整例子可以帮助你快速了解如何使用EasyUI,通过实例学习通常是最快捷有效的途径。同时,源码中的注释也能帮助你理解各个组件的配置和用法。 5. **学习路径**: - 首先,你需要熟悉jQuery的基本语法,因为...

    jQuery鼠标悬停提示框美化代码.zip

    总的来说,"jQuery鼠标悬停提示框美化代码"为网页开发者提供了一种简单而有效的手段,通过优雅的视觉效果提升用户对网站内容的理解和互动。无论你是新手还是经验丰富的开发者,这个代码都能帮助你快速实现高质量的...

    jQuery简单分页样式代码

    本教程将深入讲解如何使用jQuery实现一个简单的分页样式代码,该代码基于`jquery-1.8.3.min.js`库构建,并且带有详细的中文注释,便于理解和定制。 首先,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、...

    java源码包2

     Tcp服务端与客户端的JAVA实例源代码,一个简单的Java TCP服务器端程序,别外还有一个客户端的程序,两者互相配合可以开发出超多的网络程序,这是最基础的部分。 递归遍历矩阵 1个目标文件,简单! 多人聊天室 ...

    java源码包3

     Tcp服务端与客户端的JAVA实例源代码,一个简单的Java TCP服务器端程序,别外还有一个客户端的程序,两者互相配合可以开发出超多的网络程序,这是最基础的部分。 递归遍历矩阵 1个目标文件,简单! 多人聊天室 ...

    java源码包4

     Tcp服务端与客户端的JAVA实例源代码,一个简单的Java TCP服务器端程序,别外还有一个客户端的程序,两者互相配合可以开发出超多的网络程序,这是最基础的部分。 递归遍历矩阵 1个目标文件,简单! 多人聊天室 ...

    AjaxWithServlet解析xm字符串及xml文件

    无论是解析XML字符串还是处理XML文件,这个例子都提供了清晰的代码注释和简单的实现方式,非常适合初学者理解和学习。通过这种方式,开发者可以构建更加动态和交互性强的Web应用,提高用户体验。

    成百上千个Java 源码DEMO 4(1-4是独立压缩包)

    2个目标文件 摘要:Java源码,文件操作,TCP,服务器 Tcp服务端与客户端的JAVA实例源代码,一个简单的Java TCP服务器端程序,别外还有一个客户端的程序,两者互相配合可以开发出超多的网络程序,这是最基础的部分。...

    成百上千个Java 源码DEMO 3(1-4是独立压缩包)

    2个目标文件 摘要:Java源码,文件操作,TCP,服务器 Tcp服务端与客户端的JAVA实例源代码,一个简单的Java TCP服务器端程序,别外还有一个客户端的程序,两者互相配合可以开发出超多的网络程序,这是最基础的部分。...

    JavaScript

    在描述中提到的"觉得简单又实用,挺好玩的",可能指的是这些例子既易于理解,又具有实际的应用价值,能够给开发者带来乐趣。 JavaScript示例则提供了学习和参考的模型,帮助初学者理解和掌握语言特性。例如,你可以...

    [完整][中文][WEB安全测试].(美)霍普.扫描版.pdf

    10.3 从AJAX活动回溯到源代码 215 10.4 截获和修改AJAX请求 216 10.5 截获和修改服务器响应 218 10.6 使用注入数据破坏AJAX 220 10.7 使用注入XML破坏AJAX 222 10.8 使用注入JSON破坏AJAX 223 10.9 破坏客户端状态 ...

    jquery-图片播放器

    在“imagePlayer”这个例子中,注释可以帮助开发者了解每个函数的作用,以及如何根据需要调整参数。 ### 6. 使用与集成 要使用jQuery图片播放器,首先需要引入jQuery库,然后将播放器的JavaScript代码和CSS样式...

    在ASP.NET中使用Google Map

    打开Default.aspx(或任何你想加入Google Map的位置),将该自定义控件拖放至相应位置并编译,这样就实现了最简单的带有Google Map的ASP.NET网页。 &lt;br&gt; &lt;br&gt;现在我们来为Google Map加一些标注点。在Page_...

    九种js弹出对话框的方法总结

    最基本的JavaScript弹出对话框实现非常简单,仅需几行代码即可完成: ```javascript &lt;!-- window.open("page.html"); //--&gt; ``` 这里的`window.open("page.html");`语句用于打开一个新的窗口,其中`"page....

Global site tag (gtag.js) - Google Analytics