jquery-ajax请求后台数据转换json显示在select下拉列表
2013-05-10 09:14
1036 查看
之前运用jquery-ajax请求后台struts2数据,返回到页面的回调函数都是以html格式的,得到的为String字符串。即便在使用xml格式化或解析的情况下,也是一html标签形式来显示格式化后或解析过的xml。最近需要得到的数据在页面动态显示在select下拉列表中,思考过后决定使用json数据格式方便。
要运用json,首先下载需要的jar包,我使用的是json-lib-1.1-jdk13.jar,由于包种还关联其它jar包,所以还需下载相关包,总共7个。
下载地址:json lib
js:
后台操作简单,只需根据页面传参数获取数据库列表信息,以下是action中将查询到的list转换json:
要运用json,首先下载需要的jar包,我使用的是json-lib-1.1-jdk13.jar,由于包种还关联其它jar包,所以还需下载相关包,总共7个。
下载地址:json lib
js:
$(document).ready(function(){ var aa=document.getElementById("aa").value; $.ajax({ url : encodeURI("getSelect.action?aa="+aa), type : 'POST', dataType : "json", success : function(data) { var bb =$(document).find("#bb"); pub_platform.empty(); for ( var i = 0; i < data.length; i++) { bb.append("<option value='"+data[i]+"'>"+ data[i]+ "</option>"); } } }); });
后台操作简单,只需根据页面传参数获取数据库列表信息,以下是action中将查询到的list转换json:
JSONArray jsonArray = JSONArray.fromObject(list); response.getWriter().print(jsonArray);
相关文章推荐
- jquery-ajax请求后台数据转换json显示在select下拉列表&&jquery获取下拉列表的值和显示内容的方法
- jquery-ajax请求后台数据转换json显示在select下拉列表
- jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
- jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
- jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
- jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
- 通过Ajax请求后台数据,返回JSONArray(JsonObject),页面(Jquery)以table的形式展示
- 运用jQuery通过AJAX向后台请求拼装json数据格式,并初始化目录树TreeView
- 2017精华版:jquery 中 ajax,后台获取数据库json数据,显示在html页面 02
- C# AJAX点击文本框,从后台获取数据显示下拉列表(带有皮肤)
- ajax+jquery+flea+smarty实现了通过选择下拉列表动态显示相应的数据
- jQuery中ajax请求后台返回json数据并渲染HTML
- jquery 通过ajax请求获取后台数据显示在表格上的方法
- jquery通过struts2请求,返回json数据,在jsp页面形成二级联动下拉列表
- jquery如何通过ajax请求获取后台数据显示在表格上
- jquery的ajax请求处理以及处理后台java传的json数据
- list集合转换成json数据,ajax请求返回json数据,再通过循环显示出来
- 下拉列表select中使用ajax的json数据交换格式动态改变div层里面的复选框checkbox值
- jQuery中ajax请求后台返回json数据并渲染HTML的方法
- jQuery实现动态显示select下拉列表数据的方法