get 与 post 的区别（来源：https://blog.csdn.net/qq_26360877/article/details/70665820）
了解和使用
get和post是HTTP与服务器交互的方式，
说到方式，其实总共有四种：put，delete，post，get。
他们的作用分别是对服务器资源的增，删，改，查。
所以，get是获取数据，post是修改数据。
但是，现在大家都不这么干了！
只用一个方式就可以做增删查减的操作。
区别分析
get把请求的数据放在url上，即HTTP协议头上，其格式为：
以?分割URL和传输数据，参数之间以&相连。
数据如果是英文字母/数字，原样发送，
如果是空格，转换为+，
如果是中文/其他字符，则直接把字符串用BASE64加密，及“%”加上“字符串的16进制ASCII码”。
post把数据放在HTTP的包体内（requrest body）。
get提交的数据最大是2k（原则上url长度无限制，那么get提交的数据也没有限制咯？限制实际上取决于浏览器，(大多数)浏览器通常都会限制url长度在2K个字节，即使(大多数)服务器最多处理64K大小的url。也没有卵用。）。
post理论上没有限制。实际上IIS4中最大量为80KB，IIS5中为100KB。
GET产生一个TCP数据包，浏览器会把http header和data一并发送出去，服务器响应200(返回数据);
POST产生两个TCP数据包，浏览器先发送header，服务器响应100 continue，浏览器再发送data，服务器响应200 ok(返回数据)。
GET在浏览器回退时是无害的，POST会再次提交请求。
GET产生的URL地址可以被Bookmark，而POST不可以。
GET请求会被浏览器主动cache，而POST不会，除非手动设置。
GET请求只能进行url编码，而POST支持多种编码方式。
GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。
GET只接受ASCII字符的参数的数据类型，而POST没有限制
那么，post那么好为什么还用get？get效率高！。
get使用方法
$.get(URL,callback);（查数据）
url为请求的url
callback为请求执行成功以后执行的函数
post使用方法
$.post(URL,data,callback);（修改数据）
data参数规定连同请求发送的数据；
demo：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
select{
width: 200px;
height: 30px;
}
</style>
<script src="js/jquery-3.3.1.js"></script>
</head>
<body>
<select id="box_01">
<option>选择省</option>
</select>
<select id="box_02">
<option>选择市</option>
</select>
<select id="box_03">
<option>编码</option>
</select>
<script>
$.get("city.json",function(data,status){
if(status){//省份的添加
$(data.城市代码).each(function(i,el){
var box = "<option>"+el.省+"</option>"
$("#box_01").append(box);
});
}
$("#box_01").change(function(){//市的添加
$("#box_02").html("<option>选择市</option>");
$("#box_03").html("<option>编码</option>");
$(data.城市代码).each(function(i,el){
if($("#box_01").val() == el.省){
$(el.市).each(function(j,city){
var boxTwo = "<option>"+city.市名+"</option>"
$("#box_02").append(boxTwo);
});
};
});
})
$("#box_02").change(function(){//城市编码的添加
$("#box_03").empty();
$(data.城市代码).each(function(i,el){
$(el.市).each(function(j,city){
if($("#box_02").val() == city.市名){
var boxThree = "<option>"+city.编码+"</option>";
$("#box_03").append(boxThree);
}
});
});
})
});
</script>
</body>
</html>
emmmm,以上代码没有贴json代码，因为json代码比较多。。。