Ajax-简单的HelloWorld实例，使用了XMLHttpRequest(two)

1.创建一个简单的web工程

2.在index里面编写如下代码

 <body><a href="helloajax.txt">helloajax!</a></body>

3.在WebRoot下创建helloajax.txt文件，并输入Helloajax！

4.继续编写index.jsp下的代码

<script type="text/javascript">//当打开网页的时候执行此函数window.onload = function() {//1.通过标签a来获取元素，并且是第一个adocument.getElementsByTagName("a")[0].onclick = function() {//3.创建一个XMLHttpRequest对象var request = new XMLHttpRequest();//4.准备发送请求的数据var url = this.href;var method = "GET";//5.调用XMLHttpRequest对象的open方法request.open(method, url);//6.调用XMLHttpRequest对象的send方法request.send(null);//7.为XMLHttpRequest对象添加 onreadystatechange 响应函数request.onreadystatechange = function() {//8.判断响应是否完成:XMLHttpRequest 对象的 readyState 属性值为4的时候if(request.readyState == 4) {//9.再判断响应是否可用:XMLHttpRequest 对象 status 属性值为200 或304if(request.status == 200 || request.status == 304) {//10.打印响应结果responseTextalert(request.responseText);}}}//2.取消a节点的默认行为return false;}}</script>

5.展示结果

一个简单ajax的HelloWorld实例就完成了

Ajax-简单的HelloWorld实例，使用了XMLHttpRequest(two)相关推荐

JMS学习(3):--ActiveMQ简单的HelloWorld实例
第一篇博文深入浅出JMS(一)–JMS基本概念,我们介绍了JMS的两种消息模型:点对点和发布订阅模型,以及消息被消费的两个方式:同步和异步,JMS编程模型的对象,最后说了JMS的优点. 第二篇博文深入 ...
深入浅出JMS(三)--ActiveMQ简单的HelloWorld实例
第一篇博文深入浅出JMS(一)–JMS基本概念,我们介绍了JMS的两种消息模型:点对点和发布订阅模型,以及消息被消费的两个方式:同步和异步,JMS编程模型的对象,最后说了JMS的优点. 第二篇博文深入 ...
深入浅出JMS(三)–ActiveMQ简单的HelloWorld实例（转载）
第一篇博文深入浅出JMS(一)–JMS基本概念,我们介绍了JMS的两种消息模型:点对点和发布订阅模型,以及消息被消费的两个方式:同步和异步,JMS编程模型的对象,最后说了JMS的优点. 第二篇博文深入 ...
js中的json ajax,js结合json实现ajax简单实例
这篇文章主要为大家详细介绍了js结合json实现ajax简单实例的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下前期准备 1.安装wampserver或者其他相似软件来搭建本地集成安装环 ...
ajax简单实例代码,分享Ajax创建简单实例代码
XmlHttp是一套可以在Javascript.VbScript.Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API.XmlHttp最大的用处是可以更新网页的部分内容而 ...
ajax排行页面,ajax简单页面
简单的注册页面运用ajax 主页面无标题文档 //首先引用jquery文件登录页面用户名: 密码: $("#btn").click(function(){ //1.取内容 v ...
php中file对象实例,AJAX_File, FileReader 和 Ajax 文件上传实例分析(php)，File FileReader 可以干什么？ Ajax - phpStudy...
File, FileReader 和 Ajax 文件上传实例分析(php) File FileReader 可以干什么?Ajax文件上传例子 FileReader 对象可以读取文件的 Base64编码 ...
ajax如何做到异步交互,1.ajax简单实现异步交互
效果:点击获取信息 testAjax.jsp: pageEncoding="UTF-8"%> Insert title here function getName(){ va ...
php get验证,PHP+Ajax简单get验证操作示例
本文实例讲述了PHP+Ajax简单get验证操作.分享给大家供大家参考,具体如下: 1.显示页面代码 index.html XMLHttpRequest独对象使用实例 //第一步创建ajax引擎对象 ...

Ajax-简单的HelloWorld实例，使用了XMLHttpRequest(two)

Ajax-简单的HelloWorld实例，使用了XMLHttpRequest(two)相关推荐

最新文章

热门文章