【13】Ajax：01-Ajax基础、Ajax运行原理及实现、Ajax异步编程、Ajax封装、Ajax状态码、onreadystatechange事件、Ajax错误处理、服务器端响应的数据格式

最新推荐文章于 2024-09-17 12:15:33 发布
最新推荐文章于 2024-09-17 12:15:33 发布
阅读量284 收藏 3
点赞数 2
分类专栏： 前端 文章标签： 前端 ajax javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Satan_Devil/article/details/107891742
版权

文章目录

1. Ajax 基础

1.1 传统网站中存在的问题

  • 网速慢的情况下，页面加载时间长，用户只能等待
  • 表单提交后，如果一项内容不合格，需要重新填写所有表单内容
  • 页面跳转，重新加载页面，造成资源浪费，增加用户等待时间

1.2 Ajax 概述

Ajax：标准读音 [ˈeɪˌdʒæks] ，中文音译：阿贾克斯
它是浏览器提供的一套方法，可以实现页面无刷新更新数据，提高用户浏览网站应用的体验。
在这里插入图片描述

1.3 Ajax 的应用场景

  1. 页面上拉加载更多数据
  2. 列表数据无刷新分页
  3. 表单项离开焦点数据验证
  4. 搜索框提示文字下拉列表

在这里插入图片描述

1.4 Ajax 的运行环境

Ajax 技术需要运行在网站环境中才能生效，当前课程会使用Node创建的服务器作为网站服务器。

2. Ajax 运行原理及实现

2.1 Ajax 运行原理

Ajax 相当于浏览器发送请求与接收响应的代理人，以实现在不影响用户浏览页面的情况下，局部更新页面数据，从而提高用户体验。
在这里插入图片描述

2.2 Ajax 的实现步骤

  1. 创建 Ajax 对象
 var xhr = new XMLHttpRequest();
  1. 告诉 Ajax 请求地址以及请求方式
 xhr.open('get', 'http://www.example.com');
  1. 发送请求
 xhr.send();
  1. 获取服务器端给与客户端的响应数据
 xhr.onload = function () {
     console.log(xhr.responseText);
 }

// 1.创建ajax对象
var xhr = new XMLHttpRequest();
// 2.告诉Ajax对象要向哪发送请求，以什么方式发送请求
// 1)请求方式 2)请求地址
xhr.open('get', 'http://localhost:3000/first');
// 3.发送请求
xhr.send();
// 4.获取服务器端响应到客户端的数据
xhr.onload = function (){
	console.log(xhr.responseText)
}

2.3 服务器端响应的数据格式

在真实的项目中，服务器端大多数情况下会以 JSON 对象作为响应数据的格式。当客户端拿到响应数据时，要将 JSON 数据和 HTML 字符串进行拼接，然后将拼接的结果展示在页面中。
在 http 请求与响应的过程中，无论是请求参数还是响应内容，如果是对象类型，最终都会被转换为对象字符串进行传输。

 JSON.parse() // 将 json 字符串转换为json对象

// 1.创建ajax对象
var xhr = new XMLHttpRequest();
// 2.告诉Ajax对象要向哪发送请求，以什么方式发送请求
// 1)请求方式 2)请求地址
xhr.open('get', 'http://localhost:3000/responseData');
// 3.发送请求
xhr.send();
// 4.获取服务器端响应到客户端的数据
xhr.onload = function (){
	// console.log(typeof xhr.responseText)
	// 将JSON字符串转换为JSON对象
	var responseText = JSON.parse(xhr.responseText);
	// 测试：在控制台输出处理结果
	console.log(responseText)
	// 将数据和html字符串进行拼接
	var str = '<h2>'+ responseText.name +'</h2>';
	// 将拼接的结果追加到页面中
	document.body.innerHTML = str;
}

2.4 请求参数传递

传统网站表单提交

 <form method="get" action="http://www.example.com">
     <input type="text" name="username"/>
     <input type="password" name="password">
 </form>
 <!-- http://www.example.com?username=zhangsan&password=123456 -->
  • GET 请求方式
xhr.open('get', 'http://www.example.com?name=zhangsan&age=20');

<body>
	<p>
		<input type="text" id="username">
	</p>
	<p>
		<input type="text" id="age">
	</p>
	<p>
		<input type="button" value="提交" id="btn">
	</p>
	<script type="text/javascript">
		// 获取按钮元素
		var btn = document.getElementById('btn');
		// 获取姓名文本框
		var username = document.getElementById('username');
		// 获取年龄文本框
		var age = document.getElementById('age');
		// 为按钮添加点击事件
		btn.onclick = function () {
			// 创建ajax对象
			var xhr = new XMLHttpRequest();
			// 获取用户在文本框中输入的值
			var nameValue = username.value;
			var ageValue = age.value;
			// 拼接请求参数
			var params = 'username='+ nameValue +'&age=' + ageValue;
			// 配置ajax对象
			xhr.open('get', 'http://localhost:3000/get?'+params);
			// 发送请求
			xhr.send();
			// 获取服务器端响应的数据
			xhr.onload = function () {
				console.log(xhr.responseText)
			}
		}
	</script>
</body>
  • POST 请求方式
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send('name=zhangsan&age=20');

app.use(bodyParser.urlencoded());

<body>
	<p>
		<input type="text" id="username">
	</p>
	<p>
		<input type="text" id="age">
	</p>
	<p>
		<input type="button" value="提交" id="btn">
	</p>
	<script type="text/javascript">
		// 获取按钮元素
		var btn = document.getElementById('btn');
		// 获取姓名文本框
		var username = document.getElementById('username');
		// 获取年龄文本框
		var age = document.getElementById('age');
		// 为按钮添加点击事件
		btn.onclick = function () {
			// 创建ajax对象
			var xhr = new XMLHttpRequest();
			// 获取用户在文本框中输入的值
			var nameValue = username.value;
			var ageValue = age.value;
			// 拼接请求参数
			var params = 'username='+ nameValue +'&age=' + ageValue;
			// 配置ajax对象
			xhr.open('post', 'http://localhost:3000/post');
			// 设置请求参数格式的类型（post请求必须要设置）
			xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
			// 发送请求
			xhr.send(params);
			// 获取服务器端响应的数据
			xhr.onload = function () {
				console.log(xhr.responseText)
			}
		}
	</script>
</body>

2.5 请求报文

在 HTTP 请求和响应的过程中传递的数据块就叫报文，包括要传送的数据和一些附加信息，这些数据和信息要遵守规定好的格式。
在这里插入图片描述

2.6 请求参数的格式

  1. application/x-www-form-urlencoded
 name=zhangsan&age=20&sex=男
  1. application/json
 {name: 'zhangsan', age: '20', sex: '男'}

在请求头中指定 Content-Type 属性的值是 application/json，告诉服务器端当前请求参数的格式是 json。

 JSON.stringify() // 将json对象转换为json字符串

注意：get 请求是不能提交 json 对象数据格式的，传统网站的表单提交也是不支持 json 对象数据格式的。

app.use(bodyParser.json());

// 1.创建ajax对象
var xhr = new XMLHttpRequest();
// 2.告诉Ajax对象要向哪发送请求，以什么方式发送请求
// 1)请求方式 2)请求地址
xhr.open('post', 'http://localhost:3000/json');
// 通过请求头告诉服务器端客户端向服务器端传递的请求参数的格式是什么
xhr.setRequestHeader('Content-Type', 'application/json');
// JSON.stringify() 将json对象转换为json字符串
// 3.发送请求
xhr.send(JSON.stringify({name: 'lisi', age:50}));
// 4.获取服务器端响应到客户端的数据
xhr.onload = function (){
	console.log(xhr.responseText)
}

2.7 获取服务器端的响应

2.7.1 Ajax 状态码

在创建ajax对象，配置ajax对象，发送请求，以及接收完服务器端响应数据，这个过程中的每一个步骤都会对应一个数值，这个数值就是ajax状态码。

0：请求未初始化(还没有调用open())
1：请求已经建立，但是还没有发送(还没有调用send())
2：请求已经发送
3：请求正在处理中，通常响应中已经有部分数据可以用了
4：响应已经完成，可以获取并使用服务器的响应了

 xhr.readyState // 获取Ajax状态码
2.7.2 onreadystatechange 事件

当 Ajax 状态码发生变化时将自动触发该事件。

在事件处理函数中可以获取 Ajax 状态码并对其进行判断，当状态码为 4 时就可以通过 xhr.responseText 获取服务器端的响应数据了。

 // 当Ajax状态码发生变化时
 xhr.onreadystatechange = function () {
     // 判断当Ajax状态码为4时
     if (xhr.readyState == 4) {
         // 获取服务器端的响应数据
         console.log(xhr.responseText);
     }
 }

var xhr = new XMLHttpRequest();
// 0 已经创建了ajax对象 但是还没有对ajax对象进行配置
console.log(xhr.readyState);
xhr.open('get', 'http://localhost:3000/readystate');
// 1 已经对ajax对象进行配置 但是还没有发送请求
console.log(xhr.readyState);

// 当ajax状态码发生变化的时候出发
xhr.onreadystatechange = function() {
	// 2 请求已经发送了
	// 3 已经接收到服务器端的部分数据了
	// 4 服务器端的响应数据已经接收完成
	console.log(xhr.readyState);
	// 对ajax状态码进行判断 如果状态码的值为4就代表数据已经接收完成了
	if (xhr.readyState == 4) {
		console.log(xhr.responseText);
	}
} 

xhr.send();
2.7.3 两种获取服务器端响应方式的区别

在这里插入图片描述

2.8 Ajax 错误处理

  1. 网络畅通，服务器端能接收到请求，服务器端返回的结果不是预期结果。
    可以判断服务器端返回的状态码，分别进行处理。xhr.status 获取http状态码
  2. 网络畅通，服务器端没有接收到请求，返回404状态码。
    检查请求地址是否错误。
  3. 网络畅通，服务器端能接收到请求，服务器端返回500状态码。
    服务器端错误，找后端程序员进行沟通。
  4. 网络中断，请求无法发送到服务器端。
    会触发xhr对象下面的onerror事件，在onerror事件处理函数中对错误进行处理。
<body>
	<button id="btn">发送Ajax请求</button>
	<script type="text/javascript">
		var btn = document.getElementById('btn');

		btn.onclick = function () {
			// 1.创建ajax对象
			var xhr = new XMLHttpRequest();
			// 2.告诉Ajax对象要向哪发送请求，以什么方式发送请求
			// 1)请求方式 2)请求地址
			xhr.open('get', 'http://localhost:3000/error');
			// 3.发送请求
			xhr.send();
			// 4.获取服务器端响应到客户端的数据
			xhr.onload = function (){
				// xhr.status 获取http状态码
				console.log(xhr.responseText);

				if (xhr.status == 400) {
					alert('请求出错')
				}
			}
			// 当网络中断时会触发onerrr事件
			xhr.onerror = function () {
				alert('网络中断, 无法发送Ajax请求')
			}
		}

		// Ajax状态码: 表示Ajax请求的过程状态 ajax对象返回的
		// Http状态码: 表示请求的处理结果 是服务器端返回的
	</script>
</body>

2.9 低版本 IE 浏览器的缓存问题

问题：在低版本的 IE 浏览器中，Ajax 请求有严重的缓存问题，即在请求地址不发生变化的情况下，只有第一次请求会真正发送到服务器端，后续的请求都会从浏览器的缓存中获取结果。即使服务器端的数据更新了，客户端依然拿到的是缓存中的旧数据。

解决方案：在请求地址的后面加请求参数，保证每一次请求中的请求参数的值不相同。 解决方案：在请求地址的后面加请求参数，保证每一次请求中的请求参数的值不相同。

 xhr.open('get', 'http://www.example.com?t=' + Math.random());

<body>
	<button id="btn">发送Ajax请求</button>
	<script type="text/javascript">
		var btn = document.getElementById('btn');

		btn.onclick = function () {
			// 1.创建ajax对象
			var xhr = new XMLHttpRequest();
			// 2.告诉Ajax对象要向哪发送请求，以什么方式发送请求
			// 1)请求方式 2)请求地址
			xhr.open('get', 'http://localhost:3000/cache?t=' + Math.random());
			// 3.发送请求
			xhr.send();
			// 4.获取服务器端响应到客户端的数据
			xhr.onreadystatechange = function (){
				if (xhr.readyState == 4 && xhr.status == 200) {
					alert(xhr.responseText);
				}
			}
			
		}
	</script>
</body>

3. Ajax 异步编程

3.1 同步异步概述

3.1.1 同步
  • 一个人同一时间只能做一件事情，只有一件事情做完，才能做另外一件事情。
  • 落实到代码中，就是上一行代码执行完成后，才能执行下一行代码，即代码逐行执行。
 console.log('before'); 
 console.log('after');
3.1.2 异步
  • 一个人一件事情做了一半，转而去做其他事情，当其他事情做完以后，再回过头来继续做之前未完成的事情。
  • 落实到代码上，就是异步代码虽然需要花费时间去执行，但程序不会等待异步代码执行完成后再继续执行后续代码，而是直接执行后续代码，当后续代码执行完成后再回头看异步代码是否返回结果，如果已有返回结果，再调用事先准备好的回调函数处理异步代码执行的结果。
 console.log('before');
 setTimeout(
    () => { console.log('last');
 }, 2000);
 console.log('after');

3.2 Ajax 封装

问题：发送一次请求代码过多，发送多次请求代码冗余且重复。
解决方案：将请求代码封装到函数中，发请求时调用函数即可。

 ajax({ 
     type: 'get',
     url: 'http://www.example.com',
     success: function (data) { 
         console.log(data);
     }
 })

function ajax (options) {
	// 存储的是默认值
	var defaults = {
		type: 'get',
		url: '',
		data: {},
		header: {
			'Content-Type': 'application/x-www-form-urlencoded'
		},
		success: function () {},
		error: function () {}
	};
	
	// 使用options对象中的属性覆盖defaults对象中的属性
	Object.assign(defaults, options);
	
	// 创建ajax对象
	var xhr = new XMLHttpRequest();
	// 拼接请求参数的变量
	var params = '';
	// 循环用户传递进来的对象格式参数
	for (var attr in defaults.data) {
		// 将参数转换为字符串格式
		params += attr + '=' + defaults.data[attr] + '&';
	}
	// 将参数最后面的&截取掉 
	// 将截取的结果重新赋值给params变量
	params = params.substr(0, params.length - 1);
	
	// 判断请求方式
	if (defaults.type == 'get') {
		defaults.url = defaults.url + '?' + params;
	}
	
	/*
		{
			name: 'zhangsan',
			age: 20
		}
	
		name=zhangsan&age=20
	
	 */
	
	// 配置ajax对象
	xhr.open(defaults.type, defaults.url);
	// 如果请求方式为post
	if (defaults.type == 'post') {
		// 用户希望的向服务器端传递的请求参数的类型
		var contentType = defaults.header['Content-Type']
		// 设置请求参数格式的类型
		xhr.setRequestHeader('Content-Type', contentType);
		// 判断用户希望的请求参数格式的类型
		// 如果类型为json
		if (contentType == 'application/json') {
			// 向服务器端传递json数据格式的参数
			xhr.send(JSON.stringify(defaults.data))
		}else {
			// 向服务器端传递普通类型的请求参数
			xhr.send(params);
		}
	
	}else {
		// 发送请求
		xhr.send();
	}
	// 监听xhr对象下面的onload事件
	// 当xhr对象接收完响应数据后触发
	xhr.onload = function () {
	
		// xhr.getResponseHeader()
		// 获取响应头中的数据
		var contentType = xhr.getResponseHeader('Content-Type');
		// 服务器端返回的数据
		var responseText = xhr.responseText;
	
		// 如果响应类型中包含applicaition/json
		if (contentType.includes('application/json')) {
			// 将json字符串转换为json对象
			responseText = JSON.parse(responseText)
		}
	
		// 当http状态码等于200的时候
		if (xhr.status == 200) {
			// 请求成功 调用处理成功情况的函数
			defaults.success(responseText, xhr);
		}else {
			// 请求失败 调用处理失败情况的函数
			defaults.error(responseText, xhr);
		}
	}
	}
	
	ajax({
	type: 'post',
	// 请求地址
	url: 'http://localhost:3000/responseData',
	success: function (data) {
		console.log('这里是success函数');
		console.log(data)
	}
	})
	
	/*
	请求参数要考虑的问题
	
		1.请求参数位置的问题
	
			将请求参数传递到ajax函数内部, 在函数内部根据请求方式的不同将请求参数放置在不同的位置
	
			get 放在请求地址的后面
	
			post 放在send方法中
	
		2.请求参数格式的问题
	
			application/x-www-form-urlencoded
	
				参数名称=参数值&参数名称=参数值
	
				name=zhangsan&age=20
	
			application/json
	
				{name: 'zhangsan', age: 20}
	
			1.传递对象数据类型对于函数的调用者更加友好
			2.在函数内部对象数据类型转换为字符串数据类型更加方便
	
	*/
忘尘 丶莫负
关注
专栏目录
HTTP协议分析实验
大灰狼的博客
05-01 5418
一、实验原理 1、HTTP协议简介 HTTP(Hyper Text Transfer Protoco)超文本传输协议 基于TCP/IP通信协议来传递数据 应用于www(World Wild Web) 通过浏览器访问www服务器的方法： http://<服务器地址>[:端口]/<路径>/<文件名> 2、HTTP协议特点 基于TCP协议 单一请求响应模式...
Ajax02-Ajax基础+HTTP+运行原理+函数封装
m0_57726319的博客
08-12 281
前后端交互day02-黑马-Ajax基础+HTTP，如有侵权，请联系删除
Ajax入门
程序员小章的博客
09-28 309
数据请求：Ajax基础 Ajax 概述 它是浏览器提供的一套方法，可以实现页面无刷新更新数据，提高用户浏览网站应用的体验。 Ajax 的应用场景 页面上拉加载更多数据 列表数据无刷新分页 表单项离开焦点数据验证 搜索框提示文字下拉列表 Ajax 运行原理及实现 Ajax 运行原理 Ajax 相当于浏览器发送请求与接收响应的代理人，以实现在不影响用户浏览页面的情况下，局部更新页面数据，从而提高用户体验。 Ajax 的实现步骤 创建 Ajax 对象 var xhr = new XMLHttpRequ
Educoder | 计算机网络实验-HTTP协议分析
Mksg_28的博客
06-30 2312
该认证是 HTTP1.1 提出的基本认证的替代方法，不包含密码的明文传递。摘要认证使用随机数 + MD5 加密哈希函数来对用户名、密码进行加密，在上述第二步时，服务器返回随机字符串 nonnce 之后，客户端发送摘要。其中。
HTTP协议分析（实验报告）
最新发布
2301_79218588的博客
09-17 1109
1、掌握 HTTP协议在Web应用中的工作机制；2、理解 HTTP 请求报文构成及各字段含义；3、理解 HTTP 响应报文构成及各字段含义；4、通过实际案例，掌握Wireshark 中加载保存的报文文件。1、硬件：PC电脑一台，网络正常；2、配置：Windows10系统，内存8G及以上，硬盘500G及以上3、软件：Wireshark（头歌平台：https://www.educoder.net/shixuns/m2ue5wv9/challenges）、浏览器。
HTTP协议分析实验：通过一次下载任务抓包分析
qq_39241682的博客
06-07 1039
本实验主要讲解HTTP协议的应用，通过一次下载任务，抓取HTTP协议数据报文，对HTTP的请求和相应报文进行详细的分析。HTTP 是客户端浏览器或其他程序与Web服务器之间的应用层通信协议。 在Internet上的Web服务器上存放的都是超文本信息，客户机需要通过HTTP协议传输所要访问的超文本信息。
原生javascript实现的ajax异步封装功能示例
11-28
在本文中，我们将深入探讨如何使用原生JavaScript实现AJAX（Asynchronous JavaScript and XML）异步封装功能。AJAX是一种创建动态网页的技术，允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容...
AJAX-技术入门介绍.zip_ajax_异步请求
09-21
jQuery是一个广泛使用的JavaScript库，它封装了AJAX操作，使得异步请求更加简单易用。例如，使用`$.ajax()`或`$.get()`, `$.post()`等方法，可以快速地发起AJAX请求。 ### 6. 实战应用 在实际开发中，AJAX常用于...
自己实现ajax封装示例分享
09-04
自己实现ajax封装示例分享 在前端开发中，Ajax 是一种非常重要的技术，能够实现在页面不刷新的情况下更新页面的内容。今天，我们将要分享一个自己实现的 Ajax 封装示例，帮助大家更好地理解和使用 Ajax。 Ajax ...
HTTP协议分析
weixin_34112181的博客
01-27 476
实验环境 操作机：Windows XP 实验目的 0、HTTP协议的基本概念及工作流程 1、捕获HTTP数据包的方法 2、分析HTTP的连接数据包 3、HTTP数据包的筛选技术 4、分析HTTP的数据传输数据包 实验工具 wireshark 实验步骤 了解HTTP工作流程 HTTP是一个无状态的协议。所谓的无状态指的是客户端（Web浏览器）和服务器之间不需要建立持久的连接。这也就意味着当一个客...
DNS协议分析和HTTP协议分析的实验报告.pdf
04-26
更多内容，欢迎访问：言曌博客
网络协议TCP/IP实验七 HTTP 协议分析实验
01-09
湘潭大学 网络协议TCP/IP实验七 HTTP 协议分析实验报告，仅供参考
实验报告5 http协议.doc
05-24
进入一个学校的新闻首页，分析各不同新闻网页url之间的区别和联系，并根据得到的规律通过程序生成所要请求的网页的url（前30个页面）。 使用requests库通过http协议的get方法向web server 请求30个页面的数据，要求：（1）30个请求分别由5个线程实现，每个线程负责6个url页面的请求；（2）每个线程中的不同页面请求的时间间隔是3秒；（3）当线程中成功获取某一个新闻网页数据后，需要在屏幕上输出相应的状态信息（如。。。网页请求成功） 对于每个获取的网页数据，分别将其写入到本地相应的html文件中，要求本地网页数据文件的文件名为pageXXX（XXX为请求页面的编号） 对生成的文件进行验证，如果出现中文乱码的问题，请对可能的原因进行分析，并给出可行的解决方案。
计算机网络原理实验报告---Wireshark实验:HTTP协议分析
01-20
使用Wireshark工具对自己电脑的WLAN端口进行抓包，分析其访问一个网站（如www.baidu.com）的过程及所使用的协议，并对HTTP客户请求报文和HTTP服务器响应报文格式进行分析。完成如下任务： 1. 给出HTTP请求报文和响应报文的内容，并分析其格式及各数据单元含义 2. 分析HTTP请求报文的常用请求头，和响应报文的常用响应头
HTTP协议实验
2301_77455894的博客
05-15 806
（9）双击打开桌面上的工作区文件夹workspace，再打开实训文件夹myshixun，并打开其中的文件message-1.txt，将查询的信息保存到文件message-1.txt。在本实验中了解到HTTP协议的应用，了解分析HTTP 请求与响应报文中与缓存有关的字段WEB 缓存访问过程及机制，学习HTTP 报文中与缓存有关的字段和如何捕获缓存请求与报文。打开 Wireshark，加载实训文件夹中的http-ethereal-trace-2文件，并筛选出其中的“HTTP”报文。
实验14 超文本传输协议Http分析
qq_58454620的博客
03-09 3128
在wireshark的分析下，HTTP的工作机理和工作过程能很明了地看出来，大概就是GET/Resonse相互进行，通过Get请求浏览器可向服务器发送请求，里面会包含请求内容、时间、请求源居多信息，还会提示服务器下次回复的分组窗口，服务器接收到了请求后，响应一段时间便会从浏览器要求的时机，进行Resonse回复。从图2中可观察到总共捕获到四个http 包，其中，包括 Http 的 Get分组（由本机浏览器向服务器gaia.cs.umass.edu发出的请求）以及服务器返回的响应分组。
计算机网络与通信实验报告——HTTP协议分析
热门推荐
tfbsy的博客
01-15 1万+
文章目录一、实验目的二、实验原理三、实验过程1.捕获访问网站的数据包2.过滤TCP和HTTP的数据包3.TCP三次握手4.HTTP中同一URL的多重请求四、总结 一、实验目的 1.熟悉OSI七层协议体系结构； 2.了解各层完成的工作； 3.掌握HTTP协议的工作过程及特点。 二、实验原理 在因特网上，应用层协议直接支持网络应用软件，如Web浏览器、FTP、电子邮件等等。HTTP协议是应用层协议中重要的一种，是一种详细规定了浏览器和万维网服务器之间互相通信的规则，通过因特网传送万维网文档的数据传送协..
关于HTTP协议的小实验
diemangfeng5720的博客
10-19 420
实验一、基于basic的用户验证 实验目的：允许特定用户访问特定的资源，比如本次实验里的/secret文件夹里的内容 方法一：编写配置文件 步骤如下： 1、可以先在主站点/var/www/html下新建一个secret文件夹 [root@centos6 /var/www/html]# mkdir secret [root@centos6 /var/www/html]#...
计算机网络实验一/http协议分析
kaihuangyingjia的博客
11-26 722
1.熟悉抓包软件 Wireshark 的基本使用方法，并利用其 分析 HTTP 协议的基本 GET/response 交互、HTTP 报文格式、获取长文件、获取嵌有多个对象的 HTML 文档和 HTTP 认证和安全等方面的问题。（10）服务器对第二个 HTTP GET 请求的响应中的 HTTP 状态代码和状态短语是多少？（7）检查你的浏览器向服务器发出的第一个 HTTP GET 请求的内容，在该请求报文中，是否。（8）检查服务器响应报文的内容，服务器是否明确返回了文件的内容？器是否明确返回了文件的内容？
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值