Ajax异步请求的方法

我会带着你远行 2023-10-09 21:43 53阅读 0赞

> //1.创建XMLHTTPREUQEST对象  
> var req=new XMLHttpRequest();  
> //2.准备发送请求的数据（请求方式，请求地址）  
> var method='post';  
> var url=this.href;  
> //3.调用XMLHTTPREUQEST对象中的open()方法，将方式和地址传进去  
> req.open(method, url);  
> //4.调用XMLHTTPREUQEST对象中的send()方法向服务器发送请求  
> req.send(null);//参数就是需要携带的数据，有就写进去 ，没有写null  
> //5.服务器给出响应，如果响应成功并且可用，从服务器获取数据

var a=document.getElementsByTagName("a")[0];
    		//当我们点击超链接时触发对应的函数
    		a.onclick=function(){
    			//直接获取Jack的详细信息，不跳转，不刷新
    			//使用Ajax的步骤
    			//1.创建XMLHTTPREUQEST对象
    			var req=new XMLHttpRequest();
    			//2.准备发送请求的数据（请求方式，请求地址）
    			var method='post';
    			var url=this.href;
    			//3.调用XMLHTTPREUQEST对象中的open()方法，将方式和地址传进去
    			req.open(method, url);
    			//4.调用XMLHTTPREUQEST对象中的send()方法向服务器发送请求
    			req.send(null);//参数就是需要携带的数据，有就写进去  ，没有写null
    			//5.服务器给出响应，如果响应成功并且可用，从服务器获取数据
    			//为XMLHTTPREUQEST对象需要添加注册监听事件，作用：获取服务器响应的状态
    			req.onreadystatechange=function(){
    				//判断服务器响应是否完成
    				if(req.readyState==4){//表示服务器响应完成
    					//判断服务器是否响应成功
    					if(req.status==200){//表示服务器响应成功
    						//6.然后用JS来操作DOM从而更新页面
    						//req.responseText响应的文本内容
    						document.getElementById("intri").innerHTML=req.responseText;
    					}
    				}
    			}
    			//让事件失效
    			return false;
    		}

发表评论取消回复

表情：

评论列表（有 0 条评论，53人围观）

还没有评论，来说两句吧...

相关阅读

相关 AJAX异步请求数据

文章目录前言一、AJAX是什么？二、使用步骤 1.语法格式 2.示例 2.注意事项总结 ----

ゞ浴缸里的玫瑰/ 2024年04月07日 13:08/ 0 赞/ 81 阅读

相关 Ajax异步请求的方法

> //1.创建XMLHTTPREUQEST对象 > var req=new XMLHttpRequest(); > //2.准备发送请求的数据（请求方式，请求地址）

我会带着你远行/ 2023年10月09日 21:43/ 0 赞/ 54 阅读

相关异步请求-AJAX

什么是同步交互 > 首先用户向HTTP服务器提交一个处理请求。接着服务器端接收到请求后，按照预先编写好的程序中的业务逻辑进行处理，比如和数据库服务器进行数据信息交换。最后，服

ゝ一世哀愁。/ 2023年09月24日 14:52/ 0 赞/ 86 阅读

相关 ajax--异步请求

何为异步请求？当浏览器向服务器发送同步请求时，服务处理同步请求的过程中，浏览器会处于等待的状态，服务器处理完请求把数据响应给浏览器并覆盖浏览器内存中原有的数据，浏览器重

今天药忘吃喽~/ 2022年11月30日 04:14/ 0 赞/ 231 阅读

相关异步请求Ajax

文章目录 Ajax介绍使用传统的web数据交互和Ajax的区别 Ajax的原理基于jQuery的

偏执的太偏执、/ 2022年10月31日 04:28/ 0 赞/ 245 阅读

相关 AJAX 异步请求

/ @param url @param listener 成功回调方法

太过爱你忘了你带给我的痛/ 2022年05月31日 13:17/ 0 赞/ 281 阅读

相关 ajax异步请求

前提准备：引入脚本  <scriptsrc="https://ajax.aspnetcdn.com/ajax

柔光的暖阳◎/ 2022年05月31日 00:20/ 0 赞/ 342 阅读

相关 Ajax异步请求--readyState

概述 > XMLHttpRequest.readyState 属性返回一个 XMLHttpRequest 代理当前所处的状态。一个 XHR 代理总是处于下列状态中的一个：

痛定思痛。/ 2022年04月10日 06:26/ 0 赞/ 364 阅读

相关 Ajax发送异步请求

简介 Ajax（Asynchronous JavaScript and XML）即异步的JS和XML，本质是使用JS提供的XMLHttpRequest对象异步地向服务

小鱼儿/ 2022年03月20日 11:58/ 0 赞/ 340 阅读

相关 AJAX 异步请求处理

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX 不是新的编程语言，而是一种使用现有标准的

妖狐艹你老母/ 2021年09月15日 07:26/ 0 赞/ 542 阅读