开发者社区> xaubllxwtvaqiu> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

ajax四部操作 |学习笔记

简介: 快速学习ajax四部操作
+关注继续查看

开发者学堂课程【Ajax:学习ajax四部操作】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/31

ajax四部操作


主要内容:

ajax发送异步请求的四部操作

第一步(得到XMLHttpRequest)

ajax只需掌握XMLHttpRequest

image.png

第二步(打开与服务器的连接)

xmlHttp.open():用来打开与服务器的连接,它需要三个参数:

请求方式:GET或POST

请求的URL:指定服务器端资源,如:/day23 1/AServerlet

请求是否为异步:若为true表示发送异步请求,否则同步请求。

xmlHttp.open(“GET”,”/day23 1/AServer”,true);

第三步(发送请求)

xmlHttp.send(null):若不给出,可能会造成部分浏览器无法发送。

参数:即请求体内容,若为GET请求,必须给出null。

第四步

l 在xmlHttp对象的一个事件上注册监听器:onreadystatechange

xmlHttp对象共有5个状态:

0状态:刚创建,还没有调用open()方法;

1状态:请求开始,调用了open()方法,但还没有调用send()方法;

2状态:调用完send()方法;

3状态:服务器已经开始响应,但不表示响应结束;

4状态:服务器响应结束;

l 得到xmlHttp对象的状态:

var state=xmlHttp.readyState;

l 得到响应的状态码:

var status=xmlHttp.status;

l 得到服务器响应的内容

var content=xmlHttp.responseText;//得到服务器的响应的文本格式内容;

var content=xmlHtto.responseXML;//得到服务器响应的XML内容,即Document对象;

xmlHttp.onreadystatechange=function(){//这是xmlHttp的5种状态都会调用的方法

if(xmlHttp.readystate==4&&xmlHttp.status==200){//双重判断:判断是否为4状态,且要判断是否为200//获取服务器的响应内容

vartext=xmlHttp.reponseText;}};

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
ajax四部操作 |学习笔记
快速学习ajax四部操作
6 0
ajax四部操作 |学习笔记
快速学习ajax四部操作
19 0
ajax简介(异步与同步)|学习笔记
快速学习ajax简介(异步与同步)
8 0
ajax简介(异步与同步)|学习笔记
快速学习ajax简介(异步与同步)
8 0
ajax简介(异步与同步)|学习笔记
快速学习ajax简介(异步与同步)
10 0
AJAX学习笔记(一、初识)
AJAX学习笔记(一、初识)
37 0
ajax简介(异步与同步)|学习笔记
快速学习ajax简介(异步与同步)
53 0
ajax简介(异步与同步)|学习笔记
快速学习ajax简介(异步与同步)
110 0
慕课网Ajax学习笔记
慕课网Ajax全接触 Ajax全称:Asynchronous JavaScript and XML(异步的JavaScript和XML) 特点:在不必刷新整个网页的情况下实现局部更新,带来更好的用户体验。
1008 0
4596
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载