http---ajax
Posted xiaoxiao95
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了http---ajax相关的知识,希望对你有一定的参考价值。
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的主要内容,如果未能解决你的问题,请参考以下文章