通过XMLHttpRequest对象实现Ajax跳转

最新推荐文章于 2023-09-18 13:32:56 发布

qq_1355758577

最新推荐文章于 2023-09-18 13:32:56 发布

阅读量1.8k

点赞数

本文链接：https://blog.csdn.net/qq_1355758577/article/details/54773807

版权

本文介绍如何利用XMLHttpRequest对象实现Ajax技术，达到网页无刷新的情况下进行内容更新和页面跳转，主要涉及JavaScript相关知识。

摘要由CSDN通过智能技术生成

1 网页编码

  <body>
    <a href="This Ajax.txt" >Hello Ajax!</a> <br>
  </body>

2 JavaScript代码片断(类型1)

  	<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 + "?time=" + new Date();//+ "?time=" + new Date()这部分是加入时间戳
  			//类型1
  			var method = "GET";
  			//5.调用XMLHttpRequest对象的open方法
  			request.open(method,url);
  			//6.调用XMLHttpRequest对象的send方法
  			request.send(null);
  			  			
  			//7.为XMLHttpRequest对象添加onreadystatechange函数
  			request.onreadystate

最低0.47元/天解锁文章

qq_1355758577

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
通过XMLHttpRequest对象实现Ajax跳转

1 网页编码 Hello Ajax! 2 JavaScript代码片断(类型1) window.onload = function(){ //1.获取a节点，并为其添加onclick响应函数 document.getElementsByTagName("a")[0].onclick = function(){ //3.创
复制链接

扫一扫

专栏目录