分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

ajax的四步操作

发布时间:2023-09-16 15:49责任编辑:沈小雨关键词:暂无标签

>>ajax的四步操作
1.第一步(得到XMLHttpRequest)
--ajax其实只需学习一个对象,XMLHttpRequest,如果掌握了他,就掌握了ajax!!
--得到XMLHttpRequest
>>>大多数浏览器都支持:var xmlHttp=new XMLHttpRequest();
>>>IE6.0: ?var xmlHttp=new ActionXObject("Msxml2.XMLHTTP");
>>>IE5以前更早的版本的IE: ?var xmlHttp=new ActionXObject("Micrisoft.XMLHTTP");

---编写创建XMLHttpRequest对象的函数

function createXMLHttpRequest(){try{return new XMLHttpRequest();}catch(e){try{return new ActionXObject(Msxml2.XMLHTTP);}catch(e){try{return new ActionXObject(Micrisoft.XMLHTTP);}catch(e){alert("你用的什么浏览器啊?");throw e; }}}}

2.第二步(打开与服务器的连接)
---xmlHttp.open();用来打开与服务器的连接,他需要三个参数:
>请求方式:可以是GET或者POST
>请求的URL:指定服务器端资源,例如:/day23/AServlet
>请求是否为异步,如果为true表示发送异步请求
---xmlHttp.open("GET","day23/AServlet",true);

3.第三步(发送请求)
--xmlHttp.send(null);如果不给可能会造成部分浏览器无法发送!
>参数:就是请求体内容,如果是GET请求,必须给出null;

4.第四步()
---在xmlHttp对象的一个事件上注册监听器:onreadystatechange

---xmlHttp对象一共有5个状态
>0状态:刚创建,还没有调用open()方法;
>1状态:请求开始:调用了open()方法,但还没有调用send()方法 ;
>2状态:调用完了send()方法了;
>3状态:服务器已经开始响应,但不表示响应结束了1
>4状态:服务器响应结束(通常我们只关心这个结束状态!!!!)

---得到xmlHttp 对象的状态:
>>>var state=xmlHttp.readyState;//可能是0,1,2,3,4

---得到服务器响应的状态码
>>var status=xmlHttp.status;//例如wei200,404,500

---得到服务器响应的内容
>var content=xmlHttp.responseText;// 得到服务器的响应文本格式的内容
>var content=xmlHttp.responseXML;//得到服务器的响应的xml响应的内容,他是Document对象了;

xmlHttp.onreadystatechange=function(){//xmlHttp的 5种状态都会调用本方法
???if(xmlHttp.readyState==4 && xmlHttp.status==200){//双重判断:判断是否为4状态;而且还要判断是否为200
???????//获取服务器的响应内容
???????var text =xmlHttp.responseText;
???}

}

ajax的四步操作

原文地址:https://www.cnblogs.com/fdxjava/p/10763518.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved