get和post的区别
get是用于获取信息的,
post是用于传送数据的,
GET方式提交的数据最多只能是1024字节
GET方式请求的数据会被浏览器缓存起来,因此其他人就可以从浏览器的历史记录中读取到这些数据,例如账号和密码等。在某种情况下,GET方式会带来严重的安全问题。而POST方式相对来说就可以避免这些问题
Post传输的数据量大,可以达到2M。
get使用方法
$.get(URL,callback);(查数据)
url为请求的url
callback为请求执行成功以后执行的函数
post使用方法
$.post(URL,data,callback);(修改数据)
data参数规定连同请求发送的数据;
实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script>
<script type="text/javascript" src="js/sele.js" ></script>
</head>
<body>
<select class="select">
<option>选择省</option>
</select>
<select class="selec">
<option>选择市</option>
</select>
<select class="sele">
<option>邮编</option>
</select>
</body>
</html>
$(document).ready(function() {
$.get("city.json", function(data, status) {
var a = null;
$.each(data.城市代码, function(i, el) {
var c = "<option>" + el.省 + "</option>"
$(".select").append(c);
})
$(".select").change(function() {
$(".sele").html("<option>邮编</option>")
$(".selec").html("<option>选择市</option>");
$.each(data.城市代码, function(i, el) {
//console.log(el)
if($(".select").val() == el.省) {
a = el.市
$.each(el.市, function(index, ele) {
//console.log(ele)
var c = "<option>" + ele.市名 + "</option>"
$(".selec").append(c);
})
}
})
})
$(".selec").change(function() {
$(".sele").html("")
$.each(a, function(i, el) {
if($(".selec").val() == el.市名)
var c = "<option>" + el.编码 + "</option>"
$(".sele").append(c);
});
})
// for(var i = 0; i < data.城市代码.length; i++) {
// var c = "<option>" + data.城市代码[i].省 + "</option>"
// $(".select").append(c);
// }
// $(".select").change(function(){
//
// })
});
})