住房和城乡建设部网站 上海,开发软件的app,怎么自己开个免费网站,网站建设与管理的条件目录
1. 构造HTTP请求
1.1 form标签构造HTTP请求
1.1.1 form标签构造GET请求
1.1.2 form标签构造POST请求
1.2 通过ajax构造HTTP请求
1.3 form与ajax
1.4 使用ajax构造HTTP请求
2.HTTPS
2.1 对称加密
2.2 非对称加密
2.3 证书 1. 构造HTTP请求
1.1 form标签构造HTT…目录
1. 构造HTTP请求
1.1 form标签构造HTTP请求
1.1.1 form标签构造GET请求
1.1.2 form标签构造POST请求
1.2 通过ajax构造HTTP请求
1.3 form与ajax
1.4 使用ajax构造HTTP请求
2.HTTPS
2.1 对称加密
2.2 非对称加密
2.3 证书 1. 构造HTTP请求
1.1 form标签构造HTTP请求
1.1.1 form标签构造GET请求
试运行以下代码
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
body!-- 表单标签允许用户和服务器之间交互数据 --form actionhttps://www.sogou.com methodget!-- 要求提交的数据以键值对形式进行组织 --input typetext namestudentName!-- input typesubmit构造了一个特殊的提交按钮value属性描述了按钮中的文本 --!-- 点击按钮就会该触发该form表单的提交操作也就是构造http请求发送给服务器 --input typesubmit value提交/form
/body
/html
运行结果为 在输入框中输入zhangsan后点击提交页面会跳转至sogou主页 在fiddler中查看抓包结果详情以及对应代码关系如下 注除了首行之外其余部分都是浏览器自主添加的
此时就已经把zhangsan的studentName提交至服务器上了只是在此例中sogou服务器并未作出处理进行响应而已。
后续自己写服务器代码就可以根据需要获取url中的query string从而完成不同的功能
1.1.2 form标签构造POST请求
类似于使用form标签构造GET请求试运行以下代码 form actionhttps://www.sogou.com methodpostinput typetext namestudentNameinput typesubmit value提交/form
在运行页面的输入框中输入lisi同上例页面跳转至搜狗主页。
在fuddler中查看抓包详情以及对应代码关系如下 form标签只能构造GET和POST请求无法构造PUT、DELETE、OPTIONS等方法的请求
1.2 通过ajax构造HTTP请求
1. ajax全称Asynchronous Javascript And XML即异步Javascript和XML是一种通过JavaScript构造HTTP请求的方式这种方式可以不需要刷新页面或页面跳转就可以进行数据传输
2. ajax的使用方法
1js原生提供ajax的api并不好用
2jquery提供的ajaxAPI针对原生API的封装使用更为便捷以此为例
试运行以下代码
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
body!-- 引入jquery --script srchttps://code.jquery.com/jquery-3.6.3.min.js/scriptscript$.ajax({type:get,url:https://www.sogou.com?studentNamewangwu,success:function(data){// data是响应的正文部分console.log(当服务器返回的响应到达浏览器后浏览器触发该回调通知到代码);}});console.log(浏览器立即往下执行后续代码);/script
/body
/html
根据文档目录打开Google Chrome的console标签页可见 注1jquery中$是一个特殊的全局对象jquery的API都是以$的方法的形式来引出的
2ajax方法只有一个参数这个参数是一个js对象是用{}表示的一组键值对
3success声明了一个回调函数就会在服务器响应返回到浏览器的时候触发该回调正是此处的回调体现了异步
4此处执行该代码只能看见构造的请求而无法获取正确的响应是由于搜狗服务器并没有处理我们发出的请求后续向自己的服务器发请求时自然可处理·此处不再深究
1.3 form与ajax
相比formajax功能更强大
1支持PUT、DELETE等方法
2ajax发送的请求可以灵活设置header
3ajax发送的请求可以是body也可以是灵活设置的
1.4 使用ajax构造HTTP请求
除开发外在测试过程中难免需要构造HTTP请求可以编写代码实现也可以使用第三方工具如postman就是很常见的工具;
其简单用法如下 2.HTTPS
1. HTTPS也是一个应用层协议是在HTTP的基础上引入了一个加密层即HTTP安全层SSLSSL是一个用来加密的协议后来也改名为TLS
2. 网络上如果明文传输数据是非常危险的此时就需要进行加密有对称加密与非对称加密两种加密方式
2.1 对称加密
加密过程a明文 key b密文
解密过程b密文 key a明文 注1加密与解密使用的是同一个密钥
2假设密钥由客户端生成在与客户端首次商讨确定时必须将密钥明文传输此时一旦被黑客截获则加密无意义。此时需要对密钥也进行加密传输但如果密钥也采用对称加密则逻辑死循环此时就需要使用非对称加密
2.2 非对称加密
1. 客户端与服务器生成一对秘钥公钥与私钥
使用公钥加密明文公钥密文
使用私钥解密密文私钥明文
公钥与私钥也可以调换使用
2. 服务器生成一对公钥私钥客户端持有公钥服务器持有私钥。
此时客户端的公钥从服务器获取的故而黑客也能获取到公钥
客户端使用公钥来对对称密钥进行加密传输给服务器服务器就可以使用私钥来解密得到对称密钥客户端就可以安全获取请求
注1非对称加密只用于传输密钥一旦对称密钥到达服务器之后后续的传输都使用对称密钥加密
2对称加密的速度快于非对称加密在设计请求时需要考虑整体的效率
3. 但是这种加密方式也有可能导致中间人攻击如果黑客攻击路由器将自己的公钥public2传递给客户端客户端用public2对对称密钥key进行加密此时黑客再用自己的private2解密即可获取到对称密钥key此时黑客再使用服务器的public1公钥对key重新加密发送给服务器服务器使用私钥private1进行解密也获取到了对称密钥key后续交互便都使用该对称密钥进行加密则黑客可以获取到后续交互的所有内容及其含义过程简图如下 2.3 证书
1. 解决中间人攻击的关键在于令客户端可以识别返回的公钥是服务器的还是黑客的故而引入证书即第三方的公证机构
2. 服务器网站在设立之初就要去专门的认证机构提供一些资质申请证书。审核通过就可以获取证书。服务器生成的公钥也包含在这个证书之中。
客户端向服务器请求公钥时就不只是请求一个公钥而是请求整个证书。
客户端获取到证书后就可以对证书进行校验如果发现证书无效浏览器就会弹窗警告
3.证书上带有一个特定的加密字段叫做证书的签名。
客户端可以使用认证机构提供的公钥进行解密解密后得到的结果是一个哈希值1是根据证书的其他字段综合计算的结果
客户端使用同样的哈希算法计算出一个哈希值2判断二者是否相等相同则证书未被篡改过。
注黑客是无法篡改证书的
第一一旦替换了公钥则客户端算的哈希值2就与签名解密的哈希值1不等
第二黑客无法获取认证机构的私钥即使黑客自己算好了篡改后的哈希值也无法加密生成签名
4. 认证机构也有一组公钥私钥私钥用来加密哈希值得到签名公钥供客户端解密签名使用。
即所有人可以获取到认证机构的公钥解密签名但是篡改数据后除了认证机构本身其他人无法再生成签名
