码迷,mamicode.com
首页 > Web开发 > 详细

http---ajax

时间:2020-05-30 21:30:38      阅读:93      评论:0      收藏:0      [点我收藏+]

标签:本质   报文格式   html   text   事件监听   区别   长度   on()   规则   

b/s:浏览器请求服务器。c/s:是客户端请求服务器。

http:超文本传输协议,是一种详细规定浏览器和服务器通信的规则,http分为请求和响应二个部分组成。

请求报文格式:1,请求行。2,请求头。3,请求主体。(post请求方式:请求行,是请求方式请求地址,协议版本。请求头:记录了浏览器相关信息发送给服务器。post请求要配上content-type属性。请求体:是前端传给后台的核心数据。)

响应报文格式:1,响应行。2,响应头。3,响应主体。(响应报文,状态行:协议版本,状态码,状态文本。响应头:服务器处理时间,服务器版本协议,后台编程语言版本,内容长度,返回的内容类型。响应体:服务器返回浏览器的核心内容。)

get请求和post请求的区别:get请求没有请求体,请求内容已经在请求行中。post请求必须设置content-type属性,get请求报文不用设置。

ajax:特点在不更新页面的情况下,请求数据,局部更新页面的数据。本质在http协议的基础上,以异步方式利用js与服务器通信。

button.onclick = function() {

  var xhl = new XMLHttpRequest();

  //1,设置请求报文

  //请求行

  //第一个参数是请求方式,第二个参数是地址

  xhr.open(‘get‘, ‘url‘)

  //请求头

  xhr.setRequestHeader(‘content-type‘, ‘text,html‘)

  //请求主体send()发送

  xhr.send(null)

  //2,接收服务器返回的响应

  //请求发出后,服务器何时响应,受外界因素影响时间不确定

  //解决方案用事件监听onload()

  xhr.onload = function () {

  var r = responseText

  console.log(r)

  docment.querySelector(‘div‘).innerText = r

  }

}

http---ajax

标签:本质   报文格式   html   text   事件监听   区别   长度   on()   规则   

原文地址:https://www.cnblogs.com/xiaoxiao95/p/12995069.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!