AJAX原理及属性和方法
来源:互联网 发布:史玉柱巨人网络股份 编辑:程序博客网 时间:2024/05/16 15:03
一、AJAX的工作原理
什么是AJAX?
AJAX——Asynchronous JavaScript and Xml,成为异步的JavaScript和Xml。其实质是使用XMLHttpRequest对象异步的向服务器请求,局部刷新页面,实现无刷新整个页面而实现改变页面局部内容。
AJAX工作原理图
二、xhr对象的属性和方法
发送异步请求的步骤:
1、创建xhr对象
var xhr=null;
if(window.XMLHttpRequest){
xhr=new XMLHttpRequest();
}else{
xhr=new ActiveXObject('Microsoft.XMLHTTP');//兼容IE
}
if(window.XMLHttpRequest){
xhr=new XMLHttpRequest();
}else{
xhr=new ActiveXObject('Microsoft.XMLHTTP');//兼容IE
}
2.绑定事件监听函数
xhr.onreadystatechange=function(){
}
3.创建一个HTTP请求消息,打开一个针对服务器的连接
xhr.open(METHOD,URI,true);
METHOD——请求提交的方法,GET/POST
URI——请求提交的地址,如果使用GET方法,则需要在URI后面添加"k1=v1&k2=v2,..."传递参数
true——表示使用异步请求
4.发送请求
xhr.send(null);
4.发送请求
xhr.send(null);
*********如果使用POST方法,需要在发送请求之前设置消息头*********
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
请求消息Content-Type头常用的值:
text/plain:客户端向服务器提交的请求主体是普通文本数据(未编码)——很多web服务器会直接拒绝接收这样的数据
application/x-www-form-urlencoded:客户端向服务器提交的是经过了编码的文本数据——默认情况下,HTMLForm标签会把所有的数据编码后再提交给服务器
multipart/form-data:客户端向服务器提交的请求主体中包括上传的文件
相应消息的Content-Type头常用的值:
text/html image/png text/css application/javascript application/json.....
0 0
- AJAX原理及属性和方法
- ajax原理及方法
- Ajax 方法和属性
- Ajax 方法和属性
- ajax属性和方法
- Ajax基础--方法和属性
- ajax-XMLHttpRequest()对象,属性及方法
- Ajax基础教程--- 2.2 方法和属性
- ajax应用中的xmlHttpRequest-属性和方法
- Ajax对象的相关属性和方法
- 【Day13】ajax的方法和属性
- ajax中常用对象的属性及方法总结
- ajax中常用对象的属性及方法总结
- $.ajax属性及用法
- $.ajax属性及用法
- $.ajax属性及用法
- Ajax原理及应用
- Ajax原理及应用
- TableViewController for IOS8
- java 引用类型
- Android 软键盘弹起引起布局的变化
- iOS获取屏幕的属性
- linux svn源代码安装
- AJAX原理及属性和方法
- Android本地数据存储之SQLite
- 教你简单玩转WebService -JAX-WS
- Docker常用命令2
- CT扫描层面 冠状位、 矢状位、横断位的基本定义及部分正常人体组织的CT值(Hu)
- PostgreSQL 新手入门(基本操作)
- Objective-C 动态绑定 学习笔记
- 渣校ACM历程——路程之长春站
- HttpServletRequestWrapper作用