ajax的4个步骤

// 创建xmlhttpRequest对象
var xh=null;
if(window.ActiveXObject){
xh=new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
xh= new XMLHttpRequest();
}
//第二步 设置回调函数,状态变化后所执行的函数
xh.onreadystatechange = function() {
if (xh.readyState == 4) {
if (xh.status == 200) {
console.log(xh.pesponseText);
}
}
}
//第三步 设置method和地址action
xh.open(‘get‘,/querystu);
//第四步 发送
xh.send();

时间: 2024-11-19 17:30:42

ajax的4个步骤的相关文章

325 AJAX介绍,XMLHttpRequest对象,实现Ajax的异步交互步骤,服务器端通信状态

* Asynchronous JavaScript and Xml \* 直译中文 - javascript和XML的异步 \* (不严格的定义)客户端与服务器端进行交互,而无需刷新当前页面的技术,称之为Ajax. * Ajax实现的是B/S架构下的异步交互 * 实现异步交互的技术: \* <iframe src="">元素 * 同步与异步的区别 * 同步交互 \* 执行速度相对比较慢 \* 响应的是完整的HTML页面 * 异步交互 \* 执行速度相对比较快 \* 响应的是

js实现ajax的post请求步骤

post请求步骤与前篇的get请求步骤差别不大,只是增加了 xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 这里直接上代码: 在web\02_testpost 分别创建两个文件posttest.jsp和test.js <%@ page language="java" pageEncoding="utf-8"%> &l

使用js实现ajax的get请求步骤

(以下内容非原创,视频整合得来的) 1.创建XMLHttpRequest对象 2.浏览器与服务器建立连接 3.浏览器向服务器发送请求 4.服务器向浏览器响应请求 下面给出一个实例 1.创建一个testget.jsp的文件,放在web\01_testget\testget.jsp <%@ page language="java" pageEncoding="utf-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DT

Ajax 基本使用的四大步骤,简单易懂

ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页.接下来通过本文给大家介绍Ajax的使用四大步骤,非常不错,感兴趣的朋友看下吧 什么是ajax? ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页. 如何使用ajax? 第一步,创建xmlhttprequest对象,var xmlhttp =new XMLHttpRequest();XMLHttpRequest对象用来和服务器交换数据. 1 2 3 4 5 6 7 8

ajax详解

1.ajax介绍 1.1.什么是ajax 全称:Asynchronous JavaScript And XML(异步 JavaScript 及 XML) Ajax的作用:实现异步请求的技术. 什么是同步请求? 场景:页面上有一个a标签,用户点击a标签,浏览器发出一个请求,然后服务器给出一个响应. (请求,其实是用户的操作,触发的) 什么是异步(不同步)请求? 场景:在用户注册的时候,用户首先输入用户名,接下来用户继续填写其他注册信息,与此同时,浏览器自动发送了一个请求,将用户输入的用户名发送给服

微软AJAX解决方案

-------- 微软AJAX解决方案 (*) --------ASP.Net中内置的简化AJAX开发的控件UpdatePanel 放入ScriptManager,将要实现AJAX效果的控件放到UpdatePanel中即可 UpdatePanel原理探秘,用HttpWatch只把需要无刷新更新的部分放到UpdatePanel中UpdatePanel用来实现一些对性能要求不高的需求非常方便Timer实现定时AJAX效果,Interval设置时间间隔,放在 UpdatePanel 里面UpdateP

&lt;&lt;ABP文档&gt;&gt; Javascript Api - AJAX

本节内容: AJAX操作相关问题 确认 AJAX操作相关问题 执行一个AJAX调用在现在的应用里非常常见,尤其在SPAs(Single-Page Applications 单页面应用)里,它几乎是唯一与服务器通信的方式.一个AJAX调用由几个重复的步骤组成: 在客户端,基本上,javascript代码应该提供一个URL,随意的一个数据和选择一个方法(POST,GET...)来执行一个AJAX调用,它必须等待并处理返回值,当向服务器执行一个调用时,可能会出错(通常网络错误),或其它服务端错误,服务

AJAX状态值与状态码

在<Pragmatic Ajax A Web 2.0 Primer > 0: (Uninitialized) the send( ) method has not yet been invoked.  1: (Loading) the send( ) method has been invoked, request in progress.  2: (Loaded) the send( ) method has completed, entire response received. 3: (

未封装的Ajax与中文乱码问题

Ajax对象属性和方法: abort()--取消请求 getAllResponseHeaders()--获取响应的所有HTTP头 getResponseHeader()--获取指定的HTTP头 open(method,url)--创建请求,method为请求类型GET/POST send()--发送请求 setRequestHeader()--指定请求的HTTP onreadystatechange--发生任何状态变化时的事件控制对象 readyState--请求的状态:(1) 0-尚未初始化;