http协议及ajax原理

69 阅读 0 评论 46 点赞

我是靠谱客的博主痴情大侠，最近开发中收集的这篇文章主要介绍http协议及ajax原理，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

http协议总结起来就八个字，请求报文，响应报文：

其中请求报文可以分三步；

请求行：主要包括请求的方法（get或post 、push、delete等等）和请求的地址（url）；

请求头：就是一些浏览器信息；

请求主体：要发送给服务器的数据；

响应报文对应的也分成三步；

状态行：检查响应是否成功（404,200等等参数）；

响应头：发送服务器的一些信息；

响应主体：服务器发给我们的html结构（发过来后它才会解析css、js等）

ajax : 异步的JavaScript操作xml结构；就是用来和服务器异步交互的；

 
  var text = document. 
  getElementById( 
  'text'); 
 
   text. 
  onblur = 
   function(){ 
 
  // ajax 异步对象 
 
  var xhr = 
  new 
  XMLHttpRequest(); 
 
  // 1请求行 open方法 ( 方法， url) 
 
   xhr. 
  open( 
  'post', 
  'ajax1-02.php'); 
 
  // 2请求头 
 
   xhr. 
  setRequestHeader( 
  'content-type', 
 
  'application/x-www-form-urlencoded'); 
 
  //注册事件，响应完成后做..... 
 
   xhr. 
  onload = 
   function(){ 
 
  alert(xhr.responseText); 
 
   } 
 
  // 3请求主体 send(要发送的内容) 
 
   xhr. 
  send( 
  'userName='+text.value); 
 
   }