从html加载json⽂件想起
⽂中给出了data.json⽂件内容
还给出了html⽂件内容
ok.
1.新建⼯程jQuery
2.创建⽂件夹html, 将data.json和json.html放进去
3.打开html，没问题，按钮正常出来了，点击没反应
4.F12
报了两个错,
⼀个是没引⼊jquery, 不识别$(function(){})
jquery下载超大文件
5.引⼊jquery.js⽂件, POST请求改为GET请求
点击正常了.
以下是代码和⼯程结构
============================================ 最后回顾⼀下POST和GET区别.(源⾃菜鸟教
程)==========================================
两种最常⽤的 HTTP ⽅法是：GET 和 POST。
什么是 HTTP？
超⽂本传输协议（HTTP）的设计⽬的是保证客户机与服务器之间的通信。
HTTP 的⼯作⽅式是客户机与服务器之间的请求-应答协议。
web 浏览器可能是客户端，⽽计算机上的⽹络应⽤程序也可能作为服务器端。
举例：客户端（浏览器）向服务器提交 HTTP 请求；服务器向客户端返回响应。响应包含关于请求的状态信息以及可能被请求的内容。两种 HTTP 请求⽅法：GET 和 POST
在客户机和服务器之间进⾏请求-响应时，两种最常被⽤到的⽅法是：GET 和 POST。
GET - 从指定的资源请求数据。
POST - 向指定的资源提交要被处理的数据
GET ⽅法
黑客零基础学编程请注意，查询字符串（名称/值对）是在 GET 请求的 URL 中发送的：
/test/demo_form.asp?name1=value1&name2=value2
有关 GET 请求的其他⼀些注释：
GET 请求可被缓存weigh什么意思中文翻译
GET 请求保留在浏览器历史记录中
GET 请求可被收藏为书签
GET 请求不应在处理敏感数据时使⽤
GET 请求有长度限制
GET 请求只应当⽤于取回数据
POST ⽅法
请注意，查询字符串（名称/值对）是在 POST 请求的 HTTP 消息主体中发送的：
POST /test/demo_form.asp HTTP/1.1
Host: w3schools
name1=value1&name2=value2
有关 POST 请求的其他⼀些注释：python编程快速上手第2版pdf
POST 请求不会被缓存
POST 请求不会保留在浏览器历史记录中
POST 不能被收藏为书签
js数组的使用方法POST 请求对数据长度没有要求
⽐较 GET 与 POST
下⾯的表格⽐较了两种 HTTP ⽅法：GET 和 POST。
GET POST
后退按钮/刷新⽆害
数据会被重新提交（浏览器应该告知⽤户数据会被重新
提交）。
书签可收藏为书签不可收藏为书签缓存能被缓存不能缓存
编码类型application/x-www-form-urlencoded application/x-www-form-urlencoded 或 multipart/form-data。为⼆进制数据使⽤多重编码。
历史参数保留在浏览器历史中。参数不会保存在浏览器历史中。
对数据长度的限制是的。当发送数据时，GET ⽅法向 URL 添加数据；URL 的长度是受
限制的（URL 的最⼤长度是 2048 个字符）。
⽆限制。
对数据类
型的限制
只允许 ASCII 字符。没有限制。也允许⼆进制数据。
安全性与 POST 相⽐，GET 的安全性较差，因为所发送的数据是 URL 的⼀
部分。
在发送密码或其他敏感信息时绝不要使⽤ GET ！
POST ⽐ GET 更安全，因为参数不会被保存在浏览器
历史或 web 服务器⽇志中。
可见性数据在 URL 中对所有⼈都是可见的。数据不会显⽰在 URL 中。其他 HTTP 请求⽅法
下⾯的表格列出了其他⼀些 HTTP 请求⽅法：
vent
⽅法描述
HEAD与 GET 相同，但只返回 HTTP 报头，不返回⽂档主体。
PUT上传指定的 URI 表⽰。
DELETE删除指定资源。
OPTIONS返回服务器⽀持的 HTTP ⽅法。
CONNECT把请求连接转换到透明的 TCP/IP 通道。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。