ajax省市县三级联动
AJAX 联动 三级 省市
2023-09-27 14:24:31 时间
js事件
$('#ProvinceId').change(function(){
var parentId = $(this).val();
$.ajax({
url: '{sh::U("OpenStore/ajax","todo=getCity")}',
type: 'POST',
data: 'parentId='+parentId,
dataType:'json',
success: function(json) {
if (json.status == 1) {
var optionCity = "<option value=''>==请选择==</option>";
$.each(json.info,function(i,n){
optionCity += "<option value="+i+">" + n + "</option>";
});
var optionCounty = "<option value=''>==请选择==</option>";
// 重置市、县
$('#CityId').html(optionCity).val('');
$('#CountyId').html(optionCounty).val('');
} else {
layer.msg('获取数据异常');
}
}
});
});
$('#CityId').change(function(){
var parentId = $(this).val();
$.ajax({
url: '{sh::U("OpenStore/ajax","todo=getCounty")}',
type: 'POST',
data: 'parentId='+parentId,
dataType:'json',
success: function(json) {
if (json.status == 1) {
var optionCounty = "<option value=''>==请选择==</option>";
$.each(json.info,function(i,n){
optionCounty += "<option value="+i+">" + n + "</option>";
});
// 重置县
$('#CountyId').html(optionCounty).val('');
} else {
layer.msg('获取数据异常');
}
}
});
});
ajax
public function ajax() {
$todo = $this->_request('todo','trim');
$data = array('status'=>0,'msg'=>'','info'=>array());
switch ($todo) {
case 'getCity':
$parentId = $this->_post('parentId','trim');
$getAreaData = $this->integral->getArea('2',$parentId); // 获取市
if ($getAreaData['status'] == 1) {
$citys = $getAreaData['CustomProperties'];
$data['status'] = 1;
$data['info'] = $citys;
$data['msg'] = '获取成功';
} else {
$data['status'] = 9;
$data['msg'] = '获取异常';
}
$this->ajaxReturn($data,'JSON');
break;
case 'getCounty':
$parentId = $this->_post('parentId','trim');
$getAreaData = $this->integral->getArea('3',$parentId); // 获取市
if ($getAreaData['status'] == 1) {
$countys = $getAreaData['CustomProperties'];
$data['status'] = 1;
$data['info'] = $countys;
$data['msg'] = '获取成功';
} else {
$data['status'] = 9;
$data['msg'] = '获取异常';
}
$this->ajaxReturn($data,'JSON');
break;
default:
# code...
break;
}
}
相关文章
- 异步访问技术Ajax(XMLHttpRequest)
- Ajax请求本地文件
- [转] 通过jQuery Ajax使用FormData对象上传文件
- How to send Ajax request, using HttpClient
- 【学习笔记77】ajax的函数封装
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的使用方法总结
- JQuery和Js中,如何让ajax执行完后再继续往下执行?(已解决,示例)
- Vue3 Ajax/axios(runoob.com)
- 通过jQuery Ajax使用FormData对象上传文件
- MVC二级联动使用$.ajax方法获取后端返回的字符串
- MVC3学习:利用mvc3+ajax实现全选和批量删除
- Jquery ajax $getScript()和$getJSON和JSONP
- 《Web异步与实时交互——iframe AJAX WebSocket开发实战》—— 2.3 示例程序
- IE浏览器Ajax缓存问题小结
- 商城怎么使用ajax?
- java调用phantomjs采集ajax加载生成的网页
- ajax是什么?
- Aspx Ajax 调用 C#函数处理数据
- $.ajax返回的JSON格式的数据后无法执行success的解决方法
- JS原生Ajax