Ajax介绍1

来源:互联网 发布:高达00和高达seed知乎 编辑:程序博客网 时间:2024/05/21 06:17
Ajax异步javascript和html,异步请求,局部刷新
xmlHttpRequest对象出现之后就可实现异步
运用HTML和CSS来实现页面,表达信息
运用XMLHttpRequest和WEB服务器进行数据的异步交换
运用JAVAScript操作DOM实先动态局部刷新
var request=new XMLHttpRequest();
HTTP是计算机通过网络进行通信的规则,是一种无状态的协议,
一个完整的HTTP请求过程有以下步骤
1.建议TCP链接
2.Web浏览器想Web服务器发送请求命令
3Web浏览器发送请求头信息
4.Web服务器应答
5.Web服务器发送应大头信息
6.Web服务器想浏览器发送数据
7.Web服务器关闭TCP连接
一个HTTP请求一般有四部分组成
1.请求的方法或动作GET或者POST
2.正在请求的URL,总得知道请求的地址是什么吧
3.请求头,包含一些客户端环境信息,身份验证信息等
4.请求体,也就是请求正文,可以包含客户提交的查询字符串信息,表单信息等
GET:一般用于信息获取使用URL传递参数,对所发送的信息数量也有限制,一般在2000个字符
POST:一般用于修改服务器上的资源,对所发送信息的数量无限制
一个HTTP相应一般由三个部分组成
1.一个数字和文字组成的状态码,用来显示请求是成功还是失败,
2.相应头,也和请求头一样包含许多有用的信息,例如服务器类型日期时间内容类型和长度等
3.响应体,也就是响应正文
requesteTGext:获得字符串形式的响应数据
responseXML:获得XML形式的响应数据
status和statusText:以数字和文本形式返回HTTP状态吗
getAllResponstHeader():获取所有的响应包头
getResponseHeader():查询响应中的某个字段的值
readyState属性:0请求未初始化,open还没调用
  1服务器链接已经建立
·  2请求已接受,也就是接收到头信息了
  3请求处理中,也就是接收到响应主体
  4请求已完成且响应已就绪,就是响应完成了
var request=new XMLHttpRequest();
request.open("GET","get.php",true);
request.send();
request.onreadystatechange=function(){//状态监听
if(request.readyState===4&&request.status===200){
 //做一些事情
}
}
JSON:javascript对象表示法
JSON是存储和交换文本信息的语法,类似XML它采用键值对的方式来组织,易于人民阅读和编写,同时也易于机器解析和生成
JSON是独立于语言的,也就是说不管什么语音,都可以解析json只需要按照他的规则来就行
json的长度和xml格式比起来很短小
json读写的速度更快
json可以使用js内建的方法直接进行解析,转换成js对象,非常方便
json数据的书写格式是:名称/值对"name":"张三"
var jsondata='{"staff":[{"name":"张三","age":"20"},{"name":"李四","age":"30"}]}';
var jsonobj=eval(''('+jsondata+')');//使用eval解析json
//var jsonobj=JSON.parse(jsondata);//使用JSON.parse解析json
alert(jsonobj.staff[0].name);
JSONLint一款json校验工具
原创粉丝点击