[align=center][size=large][color=red][b]jquery解析xml生成html拼接到下拉框等[/b][/color][/size][/align]
jquery解析json拼接到下拉框请参考[url]http://patronli.iteye.com/blog/2383734[/url]
ajax请参考[url]http://patronli.iteye.com/blog/2324171[/url]
话不多少直接上代码,也是作为记录用,翻看查阅方便
1、后台代码(将数组转换成xml)
2、前台jquery代码
3、jsp代码如下
附件为:生成xml所需的jar包
jquery解析json拼接到下拉框请参考[url]http://patronli.iteye.com/blog/2383734[/url]
ajax请参考[url]http://patronli.iteye.com/blog/2324171[/url]
话不多少直接上代码,也是作为记录用,翻看查阅方便
1、后台代码(将数组转换成xml)
List<CityModel> citys=cs.doGetCitysByPid(pid);//读取数据
XStream xt=new XStream();//声明对象
//xt.alias("city", CityModel.class);//修改名字
//xt.useAttributeFor(CityModel.class, "cid");//将类中的属相修改为标签中的属性
String citysXml=xt.toXML(citys);//转换xml
2、前台jquery代码
我们将要解析的xml格式如下,也就是后台传递到前台的数据格式,我这样写出来便于理解
<city>
<cid>1</cid>
<cname>洛阳</cname>
</city>
<city>
<cid>2</cid>
<cname>上海</cname>
</city>
//接下来就是解析xml
var city=$("#city");
$(data).find("city").each(function(){
var cid=$(this).children("cid").text();
var cname=$(this).children("cname").text();
city.append("<option value='"+cid+"'>"+cname+"</option>");
});
3、jsp代码如下
<select id="city" name="city">
<option value="0">--请选择--</option>
</select>
附件为:生成xml所需的jar包