您的位置：首页 > 其它

AJAX发送数据之get请求方式

2017-09-28 22:46 441 查看

1：index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>AJAX入门</title>

<script type="text/javascript">
window.onload=function(){
//1.获取a节点,并为其添加onclick响应函数
document.getElementsByTagName("a")[0].onclick=function(){
//3.创建一个XMLHttpRequest对象
var request=new XMLHttpRequest();
//4.准备发送请求的数据:url和发送请求的方法
var url=this.href;
var method="GET";
//5.调用XMLHttpRequest对象的open方法(打开链接)
request.open(method, url);
//6.调用XMLHttpRequest对象的send方法(发送数据)
request.send(null); //get请求的数据会紧跟在URL后面
//7.为XMLHttpRequest对象添加onreadystatechange响应函数
request.onreadystatechange=function(){
//8.判断响应是否完成:XMLHttpRequest对象的readyState属性值为4的时候
if(request.readyState==4){
//9.再判断响应是否可用:XMLHttpRequest对象status属性值为200或304的时候
if(request.status==200||request.status==304){
//10.打印响应结果:responseText
alert(request.responseText);
}
}
}
//2.取消a节点默认行为
return false;
}
}

</script>

</head>

<body>
<a href="HelloAjax.txt">HelloAjax</a>

</body>

</html>

2: HelloAjax.txt

HelloAjax!^^

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航