jQuery - AJAX get() 和 post() 方法

jQuery - AJAX get() 和 post() 方法：

GET - 从指定的资源请求数据
POST - 向指定的资源提交要处理的数据

jQuery $.get() 方法

$.get() 方法通过 HTTP GET 请求从服务器上请求数据。

语法：

$.get(URL,callback);

必需的 URL 参数规定您希望请求的 URL。

可选的 callback 参数是请求成功后所执行的函数名。

jQuery $.post() 方法

$.post() 方法通过 HTTP POST 请求从服务器上请求数据。

语法：

$.post(URL,data,callback);

必需的 URL 参数规定您希望请求的 URL。

可选的 data 参数规定连同请求发送的数据。

可选的 callback 参数是请求成功后所执行的函数名。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <script src="js/jquery-3.3.1.min.js"></script>

</head>
<body>
  <select style="width: 100px; height: 40px; margin-left: 500px; margin-top: 100px; outline: none;" id="province">
   <option>---请选择---</option>
   
  </select>
  <select style="width: 100px; height: 40px; margin-left: 20px; margin-top: 100px; outline: none;" id="city">
   <option>---请选择---</option>
  </select>
  <select style="width: 100px; height: 40px; margin-left: 20px; margin-top: 100px; outline: none;" id="coding">
   <option>---请选择---</option>
  </select>
  <script>
//    $("select").click(function(){
//      $.get("city.json",function(data,status){
//        alert("数据：" + data + "\n状态：" + status);
//      });
//    });
//    $.get("city.json",function(data,status){
//      var data = data.城市代码;
////      console.log(data[i].省);
//      for (var i=0;i<data.length;i++){
//       $("select").append("<option>"+data[i].省+"</option>");
//      };
//    });
   $.get("city.json",function(data,status){
    $.each(data.城市代码, function(i,el) {
     var pro = "<option>"+el.省+"</option>";
     $("#province").append(pro);
    });
    $("#province").change(function(){
     $("#city").html("<option>---请选择---</option>");
     $(data.城市代码).each(function(i,el){
      //console.log($(this).val());
      if($("#province").val()==el.省){
       $(el.市).each(function(sity,le){
         var sity = "<option>"+le.市名 +"</option>";
         $("#city").append(sity);
       })
      }
     })
    })
      $("#city").change(function(){
      $("#coding").empty();
      $(data.城市代码).each(function(i,el){//找到省
        $(el.市).each(function(sity,le){//找到市
//         console.log(le);
         if($("#city").val()==le.市名){//判断市名并进行编码的添加
//          console.log(le);
          var coding = "<option>"+le.编码 +"</option>";

          $("#coding").append(coding);

         }
        })
      })
     })
    })
   //})
  </script>
</body>
</html>