使用AJAX实现省份和城市级联显示的问题

问题描述

框架使用的是springmvc+mybatis数据是从数据库中调用，sql语句测试没问题每次选择省份的时候，浏览器控制台都提示400错误。还有，服务端的代码应该如何写。这个是我写的AJAX的代码functionchangePro(pro){varpro_id=pro;$.ajax({url:"/crm/info/findcity",type:"post",data:{pro_id:pro_id},dataType:"json",async:false,success:function(ci){vartxt=request.getAttribute("ci");alert(txt);varcitys=txt.parseJSON();document.getElementById('ci').innerHTML='';for(i=0;i<citys.length;i++){varop=newOption(citys[i].city_id,citys[i].city_name);document.getElementById('ci').options[i]=op;}}});}

解决方案

解决方案二：
我猜问题在于url:"/crm/info/findcity",ajax一般就是请求个方法，这个方法不需要配置到MVC框架里，只需要将结果输出到流上。404的原因是不是路径有问题，或者你配置到MVC里了？
解决方案三：
先检查这个url:"/crm/info/findcity"有没有被拦截，进入到你需要的方法里，然后搜一下springmvcAjax找个例子看一下别人怎么做的
解决方案四：
网上找个js版本的不就好了

时间： 2024-11-05 02:53:20

使用AJAX实现省份和城市级联显示的问题的相关文章

js实现全国省份城市级联下拉菜单效果代码_javascript技巧

本文实例讲述了js实现全国省份城市级联下拉菜单效果代码.分享给大家供大家参考.具体如下: 这是一个大家都知道的网页小功能,很常见,全国省份与城市级联菜单,采用Select下拉的方式选择数据,不过现在很多都Ajax了,貌似这种老形式已经过时了,不过在兼容性方面,仍然是不落后的. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-conv-city-xl-menu-style-codes/ 具体代码如下: <!DOCTYPE html PUBLI

ajax+jQuery实现级联显示地址的方法

  本文实例讲述了ajax+jQuery实现级联显示地址的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68

ajax+jQuery实现级联显示地址的方法_jquery

本文实例讲述了ajax+jQuery实现级联显示地址的方法.分享给大家供大家参考.具体实现方法如下: <%@ page language="java" import="java.util.*" pageEncoding="utf-8" contentType="text/html; charset=utf-8" %> <html> <head> <title>初始化HELLO&l

easyui选择省份和城市，选择的值在详细地址中显示

问题描述 easyui选择省份和城市,选择的值在详细地址中显示 类似于像这样的 解决方案 xxxx为label或者其他html标签 var addr=$('#省id').combobox('getText')+$('#市id').combobox('getText')+$('#县id').combobox('getText') $('#xxxx').html(addr);

Ajax通过XML异步提交的方法实现从数据库获取省份和城市信息实现二级联动(xml方法)

之前有写过是从JavaScript数组里获取省市信息来实现二级联动,但是似乎有很多需求是要从数据库里获取信息,所以就需要根据异步提交,局部刷新的思想来实现来提高用户交互问题 第一种方法是xml方法 1.首先在jsp页面的JavaScript,这段代码是通用的,所以把他放在函数外面,可以供其他的函数共同使用 var xhr=false; //创建XMLHttpRequst对象 if(window.XMLHttpRequest) { xhr=new XMLHttpRequest(); } else

构建支持 Ajax 的自动完成和级联式下拉控件

本文介绍如何构建可在业务线应用程序中使用的 Asynchronous JavaScript + XML (Ajax) 控件.这些基于 JSP TagLib 的可配置控件利用 JavaScript Serialized Object Notation (JSON).JavaScript 和 CSS.它们是标准的 JSP Taglib 控件,本文将展示可多么轻松地将其拖放到任意应用程序之中,从而提供更加直观.更具响应性的用户界面. Ajax 和 JSON 是支持新一代 Web 站点的两种关键技术.业

基于MVC4+EasyUI的Web开发框架经验总结（7）--实现省份、城市、行政区三者联动

为了提高客户体验和进行一些技术探索,现在正准备把我自己的客户关系管理系统CRM在做一个Web的版本,因此对基于MVC的Web界面继续进行一些研究和优化,力求在功能和界面上保持和Winform一致,本文主要介绍在我的CRM系统中用到的全国省份.城市.行政区三者的两种效果,在Winform上实现没问题,在Web上基于MVC的EasyUI实现,同样也没有问题. 1.Winform上省份.城市.行政区的联动效果 在很早的时候,我在Winform框架的一篇随笔<Winform开发框架之字典管理模块的更新,

用了城市级联插件，表单序列化后选择的城市变成乱码

问题描述 用了城市级联插件,表单序列化后选择的城市变成乱码 明明选择是北京,但是序列化后变成了如下所示 province=%E5%8C%97%E4%BA%AC%E5%B8%82&city=%E6%98%8C%E5%B9%B3%E5%8C%B 求指点 解决方案 这个是中文的编码,不是乱码..你的内容不止北京这2个字而已吧,北京对应的编码应该是%E5%8C%97%E4%BA%AC,你的多了一个字了. document.write(encodeURIComponent('北京')); 你服务器正确获取

html 表单-如何添加国家，省份，城市的表单？

问题描述 如何添加国家,省份,城市的表单? 分别有国家,省份,城市,三个,当我选定了国家之后,怎么在下一个中出现对应国家的省份呢? 然后选定省份,又怎么在下一个中出现该省份的城市呢?补充:是在ecshop里面,在前端页面怎么添加的呢?下订单那里有,但是怎么独立出来? 解决方案 三个列表,或者用 Map>>的形式保存成一个Map对象,根据key就可以顺序查到 解决方案二: Map<String,Map<String,List<String>>> 解决方案三: