ajax
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(){
//
// })
});
})
