JavaScript高级--ajax
来源:互联网 发布:上海sai软件培训 编辑:程序博客网 时间:2024/05/29 17:04
原生ajax的使用
1、创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
2、打开链接(open方法)
open方法有三个参数:<1>访问的请求方式(要大写)<2>访问服务器的uri<3>是否为异步方式 true为异步 false为同步
xhr.open("POST","ajax.do",true);3、ajax的回调函数
xhr.onreadystatechange = function(){if(xhr.readyState == 4 && xhr.status == 200){alert(xhr.responseText);}}
onreadystatechange:http请求的状态监听
readyState:服务器的响应状态信息
0请求未初始化(在调用 open() 之前)1请求已提出(调用 send() 之前)2请求已发送(这里通常可以从响应得到内容头部)3请求处理中(响应中通常有部分数据可用,但是服务器还没有完成响应)4请求已完成(可以访问服务器响应并使用它)status:http请求的状态
responseText:得到服务器端的文本数据
responseXML:得到服务器端的XML数据
4、发送数据,如果没有数据可以不填或者null
如果post的方式请求传递数据,要先设置一下xhr的请求头信息
xhr.setRequestHeader("Content-type","application/x-www-formurlencoded");再进行传参
xhr.send(参数);
1 0
- Javascript高级ajax、jsonp
- Javascript 高级 ajax 、jsonp
- JavaScript高级--ajax
- Javascript & AJAX 高级应用详解..........
- AJAX技术入门 第五节 Javascript高级知识
- AJAX——JavaScript高级程序设计笔记(16)
- Javascript高级程序设计第21章(Ajax与Comet)
- 《JavaScript》高级程序设计第21章:Ajax和Comet,jsonp
- JavaScript 高级
- javascript高级
- Javascript 高级
- Javascript高级
- Javascript高级
- Javascript 高级
- Javascript高级
- javascript 高级
- javascript高级
- javascript高级
- 【JZOJ4883】【NOIP2016提高A组集训第12场11.10】灵知的太阳信仰
- [leetCode] Expression Add Operators
- 【模板】 排序算法
- Hadoop Mapreducer两文件数据求交拼接
- Python基础
- JavaScript高级--ajax
- 用WeX5制作PPT
- php与前端(四): 弹出框layer 的使用
- 正则表达式
- luogu2420 让我们异或和吧
- Linux 基于父子进程的TCP服务器应用编程
- Linux c==套接字(13)
- Prime算法 与 Kruskal算法的时间复杂度比较
- Java将二进制转为ascii码