简单的两级联动ajax加载省市
2013-11-04 15:42
190 查看
//新添加修改的时候绑定省市
jquery Code:
如果get方式出现中文乱码的时候:
那么ajax【get方式】附带参数的时候需要加个函数:encodeURIComponent
即:
说明:
encodeURIComponent方法在编码单个URIComponent(指请求参数)应当是最常用的,它可以讲参数中的中文、特殊字符进行转义,而不会影响整个URL。
具体详情请看:
CSDN发帖关于ajax get方式乱码:
http://bbs.csdn.net/topics/310141608
对函数URIComponent()的具体说明:
http://www.cnblogs.com/qiantuwuliang/archive/2009/07/19/1526687.html
jquery Code:
//ajax绑定省s $(function(){ var prov = '${tour.prov}'; $.ajax({ url: "./listProv.jspx", type: 'POST', dataType: 'JSON', timeout: 5000, error: function() { alert('加载省列表失败!'); }, success: function(msg) { $("#province").empty(); $.each(eval(msg), function(i, item) { if(item.prov==prov){ $("<option value='" + item.prov + "' selected = 'selected'>" + item.prov + "</option>").appendTo($("#province")); }else{ $("<option value='" + item.prov + "'>" + item.prov + "</option>").appendTo($("#province")); } }); loadCity($("#province").val()); } }); $("#province").change(function() { loadCity($("#province").val()); }); function loadCity(parentid) { var city = '${tour.city}'; $.ajax({ url: './listCity.jspx?prov='+ parentid, type: 'POST', dataType: 'JSON', timeout: 5000, error: function() { alert('加载城市列表失败!'); }, success: function(msg) { $("#city").empty(); $.each(eval(msg), function(i, item) { if(item.city ==city){ $("<option value='" + item.city + "' selected = 'selected'>" + item.city + "</option>").appendTo($("#city")); }else{ $("<option value='" + item.city + "'>" + item.city + "</option>").appendTo($("#city")); } }); } }); } })
如果get方式出现中文乱码的时候:
那么ajax【get方式】附带参数的时候需要加个函数:encodeURIComponent
即:
url: './listCity.jspx?prov='+ encodeURIComponent(parentid),
说明:
encodeURIComponent方法在编码单个URIComponent(指请求参数)应当是最常用的,它可以讲参数中的中文、特殊字符进行转义,而不会影响整个URL。
具体详情请看:
CSDN发帖关于ajax get方式乱码:
http://bbs.csdn.net/topics/310141608
对函数URIComponent()的具体说明:
http://www.cnblogs.com/qiantuwuliang/archive/2009/07/19/1526687.html
相关文章推荐
- AJAX实现简单的省市二级联动
- AJAX实现简单的省市二级联动
- AJAX实现简单的省市二级联动
- php+vue.js 实现省市县乡的四级联动(ajax加载)
- 简单的省市两级联动
- php+vue.js 实现省市县乡的四级联动(ajax加载)
- Ajax实现省市二级联动(解析XML内容)
- ios 炒鸡简单使用地址选择器(AddressPickerView),支持省份,省市,省市区三种联动
- Ajax版省市三联动(源码)
- ajax实现无刷新省市县三级联动
- 四个下拉框联动 省市区法院选择 js + ajax
- 数据来自后台非Ajax加载的联动实现方法
- Ajax实现省市县三级联动
- PHP+原生态ajax实现的省市联动功能详解
- Ajax两级联动效果以及具体代码
- 省市三级联动的DropDownList+Ajax的三种框架(aspnet/Jquery/ExtJs)示例
- 整理:dotNet Ajax实现无刷新省市县三级联动菜单
- Ajax无刷新技术实现省市县三级联动下拉菜单--Asp.Net
- 练习: 省市联动(Ajax)
- 用 jsp 写的 ajax 技术实现省市县等 n 级联动