AJAX简单运用1(HelloWorld)
2017-06-29 22:42
281 查看
一)、使用超链接时,通过网页提示显示内容,不进行页面跳转,使用AJAX。
GET请求:
事件onreadystatechange由服务器触发
GET请求:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'index.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <script type="text/javascript"> window.onload = function(){ //获取a节点,并添加响应函数 document.getElementsByTagName("a")[0].onclick = function(){ //创建一个XmlHttpRequest文件 var request = new XMLHttpRequest(); //准备发送请求的数据,url; var url = this.href; var method = "GET"; //调用XMLHttpRequest的 open()方法 request.open(method,url); //调用XMLHttpRequest的 send()方法 request.send(null); //为请求添加响应函数 request.onreadystatechange = function(){ if(request.readyState == 4){ if(request.status == 200 || request.status == 304){ alert(request.responseText); } } } //取消a节点的默认行为 return false ; } } </script> </head> <body> <a href = "test.txt">TestHello</a> </body> </html>
事件onreadystatechange由服务器触发
相关文章推荐
- Ajax-HelloWorld(运用AJAX技术实现会员注册登录验证功能)
- Json Ajax 在Mvc中的简单运用
- Ajax的简单运用
- 在jsp中运用ajax(简单入门)
- ajax简单运用
- 在jsp中运用ajax(简单入门)
- Domino中运用ajax判断帐号是否存在的简单例子
- Ajax完成一个简单的HelloWorld程序
- Domino中运用ajax判断帐号是否存在的简单例子
- 在jsp中运用ajax(简单入门)
- JSON 在Ajax数据交换中的简单运用
- Ajax 和 WCF 的简单运用
- Domino中运用ajax判断帐号是否存在的简单例子
- Ajax完成一个简单的HelloWorld程序
- 关于echarts和ajax的简单运用
- 随手笔记javascript篇_Ajax简单运用
- ajax简单运用
- 在jsp中运用ajax(简单入门)
- [ckeditor系列]ckeditor 自己写的一个简单的image上传js 运用iframe的ajax上传
- 简单运用Ajax判断账号是否已经存在