快乐de馒头

1. HTTP协议简介1.1 什么是通信通信，就是信息的传递和交换。通信三要素：通信的主体 通信的内容 通信的方式1. 现实生活中的通信案例：张三要把自己考上传智专修学院的好消息写信告诉自己的好朋友李四。其中：通信的主体是张三和李四；通信的内容是考上传智专修学院；通信的方式是写信；2. 互联网中的通信案例：服务器把传智专修学院的简介通过响应的方式发送给客户端浏览器。其中，通信的主体是服务器和客户端浏览器；通信的内容是传智专修学院的简介；通信的方式是响应；

(一)同源策略1.同源如果两个页面的协议，域名和端口都相同，则两个页面具有相同的源。例如，下表给出了相对于 http://www.test.com/index.html 页面的同源检测：2.同源策略同源策略（英文全称Same origin policy）是浏览器提供的一个安全功能。所谓同源是指域名，协议，端口完全相同，只要有一个不相同则不同源，不同源即跨域MDN 官方给定的概念：同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜.

一、XMLHttpRequest的基本使用1.1 什么XMLHttpRequestXMLHttpRequest（简称 xhr）是浏览器提供的 Javascript 对象，通过它，可以请求服务器上的数据资源。之前所学的 jQuery 中的 Ajax 函数，就是基于 xhr 对象封装出来的。1.2 使用xhr发起GET请求步骤： （1）创建 xhr 对象 （2）调用 xhr.open() 函数 （3）调用 xhr.send() 函数 （4）监听 xhr.onreadystatech.

1、form表单的基本使用1.1 什么是表单表单在网页中主要负责数据采集功能。HTML中的<form>标签，就是用于采集用户输入的信息，并通过<form>标签的提交操作，把采集到的信息提交到服务器端进行处理。1.2 表单的组成部分<form> <input type="text" name="email_or_mobile" /> <input type="password" name="password" />..

四、聊天机器人实现步骤： 梳理案例的代码结构 将用户输入的内容渲染到聊天窗口 发起请求获取聊天消息 将机器人的聊天内容转为语音 通过 <audio> 播放语音 使用回车键发送消息9.3 将用户输入的内容渲染到聊天窗口//为发送按钮绑定点击事件处理函数$('#btnSend').on('click',function(){vartext=$('#ipt').val().trim() //获取用户输入的内容if(text.len...

三、案例 - 图书管理 <script> $(function () { // 获取图书列表数据 function getBookList() { $.get('http://www.liulongbin.top:3006/api/getbooks', function (res) { if (res.status !== 200) return alert('获取数据失败！')​ va...

7.1 接口的概念使用 Ajax 请求数据时，被请求的 URL 地址，就叫做数据接口（简称接口）。同时，每个接口必须有请求方式。 例如： http://www.liulongbin.top:3006/api/getbooks 获取图书列表的接口(GET请求) http://www.liulongbin.top:3006/api/addbook 添加图书的接口（POST请求）7.3 接口测试工具为了验证接口能否被正常被访问，我们常常需要使用接口测试工具，来对数据接口进行检测。 好处：接口测试工

一、jQuery中的Ajax6.1 了解jQuery中的Ajax浏览器中提供的 XMLHttpRequest 用法比较复杂，所以 jQuery 对 XMLHttpRequest 进行了封装，提供了一系列 Ajax 相关的函数，极大地降低了 Ajax 的使用难度。 jQuery 中发起 Ajax 请求最常用的三个方法如下： $.get() $.post() $.ajax()6.2 $.get()函数的语法jQuery 中 $.get() 函数的功能单一，专门用来发起 get 请求，从而将服