文档
测试

Ajax获取镇、村地区

GET
{{host}}/api/ynl/town-village-data/{code}

接口描述

前端选择区后,可以通过Ajax请求它下一级的镇数据,选了镇后可以再次请求获取村数据,获取区等数据可以参考说明

请求参数

参数名
类型
描述
必填
code
string
镇或村的行政地区编码
必填

说明 / 示例

``` $("[name = 'district_id']").on('change', function (e) { if(this.value) { $.ajax({ url: '/admin/town-village-data/' + this.value, type: 'GET', success: function(response) { // 获取town-select元素 var townSelect = $("[name = 'town_id']"); // 需要先清空镇的选择器,再加入新的内容,不然这个options会不断累积 townSelect.empty(); // 遍历镇数据,创建<option>元素,并添加到townSelect中 $.each(response, function(code, name) { townSelect.append($('<option>').val(code).text(name)); }); }, error: function(error) { console.log(error); } }); } }); ``` ``` $("[name = 'town_id']").on('change', function (e) { if(this.value) { $.ajax({ url: '/admin/town-village-data/' + this.value, type: 'GET', success: function(response) { // 获取town-select元素 var villageSelect = $("[name = 'village_id']"); // 需要先清空镇的选择器,再加入新的内容,不然这个options会不断累积 villageSelect.empty(); // 遍历镇数据,创建<option>元素,并添加到villageSelect中 $.each(response, function(code, name) { villageSelect.append($('<option>').val(code).text(name)); }); }, error: function(error) { console.log(error); } }); } }); ```