博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AJAX
阅读量:5295 次
发布时间:2019-06-14

本文共 1294 字,大约阅读时间需要 4 分钟。

ajax的全称:Asynchronous JavaScript and XML(异步的JavaScript和XML);

Ajax不是某种编程语言:是一种在无需重新加载整个网页的情况下能够更新部分网页技术。

Ajax改变了web的开发布局,

XMLHttpRequest 可以实现后台与服务器端的数据交互,而不需要重新加载页面。

 

                  概念介绍

.运用HTML和css来实现页面,表达信息;

.运用XHLHttpRequest和web服务器进行数据的异步交换;

.运用JavaScript操作DOM,实现动态局部刷新;

XMLHttpRequest对象这是我们要解决的第一个问题XHR;

var request = new XMLHttpRequest();

有些游览器不支持

var request;

if(window.XMLHttpRequest){

request = new XMLHttpRequest();//IE7+,Firefox,Chrome,Opera,Safar;

}else{

request = new ActiveXobject("Microft.XMLHTTP");//IE6,IE5

http是一种无状态的协议:

概念介绍-HTTP请求

一个完整的HTTP请求过程,通常有下面7个步骤:

1.建立TCP连接

2.Web浏览器向web服务器发送请求命令

3.web浏览器发送请求头信息

4.web服务器应答

5.web服务器发送应答头信息

6.web服务器浏览器发送数据

7.web服务器关闭Tcp连接

一个http请求一般由四部分组成:

1.http请求的方法或动作,不如是get还是post请求

2.正在请求的url,总得知道请求的地址是什么吧

3.请求头,包含一些客户端环境信息,身份验证信息等

4.请求体,也就是请求的正文,请求正文中可以包含客户提交的查询字符串信息,表单信息等等;

. get :一般用于信息获取

使用url传递参数

对所发送信息的数量也有限制,一般在2000个字符

。post :一般用于修改服务器上的资源。

对所发送信息的数量无限制

 

.readyState属性

-0:请求未初始化,open还没有调用

-1:服务器连接建立,哦喷已经调用了

-2:请求已接受,也就是接受到头信息了

-3:请求处理中,也就是接收到响应主体了

-4:请求已经完成,且响应已就绪,也就是响应完成了

监听 readyState 的状态

var request = new XMLHttpRequest();

request.open("GET","get.php",true);

request.send();

request.onredystatechange =function(){

is(request.readyState===4&&request.status===200){

//做一些事情request.responseText

}

}

转载于:https://www.cnblogs.com/jiuyuetian/p/6293214.html

你可能感兴趣的文章
web前端之路,js的一些好书(摘自聂微东 )
查看>>
【模板】对拍程序
查看>>
dos批处理(bat)运行exe
查看>>
Pycharm安装Markdown插件
查看>>
【转】redo与undo
查看>>
C#更新程序设计
查看>>
解决升级系统导致的 curl: (48) An unknown option was passed in to libcurl
查看>>
Shell命令-内置命令及其它之watch、date
查看>>
Java Session 介绍;
查看>>
spoj TBATTLE 质因数分解+二分
查看>>
Django 模型层
查看>>
dedecms讲解-arc.listview.class.php分析,列表页展示
查看>>
Extjs6 经典版 combo下拉框数据的使用及动态传参
查看>>
【NodeJS】http-server.cmd
查看>>
研磨JavaScript系列(五):奇妙的对象
查看>>
面试题2
查看>>
selenium+java iframe定位
查看>>
P2P综述
查看>>
第五章 如何使用Burp Target
查看>>
Sprint阶段测试评分总结
查看>>