`
Appleses
  • 浏览: 347886 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

json数据传输,客户端下拉框循环输出

 
阅读更多
PrintWriter out;
try {
out = response.getWriter();
List<ProviderSysCode> list = prospectusService.getbranchIdToProvidername(user.getBranchId());
String providerList = CommonUtil.getJSONString(list);
out.print(providerList);
out.flush();
out.close();
} catch (IOException e) {
e.printStackTrace();
}
=============================================
从后台传回的json数据(providerList)
----------------------------------
[{"productcode":"","productname":"","providerabbr":"光大永明","providercode":"GDYM","providerid":"PRO0000000000033","providername":""},
{"productcode":"","productname":"","providerabbr":"新华人寿","providercode":"XHRS","providerid":"PRO0000000000027","providername":""},
{"productcode":"","productname":"","providerabbr":"昆仑健康(产险)","providercode":"KLJK_CX","providerid":"PRO0000000000835","providername":""}]
================================================
<script type="text/javascript">
$(document).ready(function() {
var requestUrl = "${path}/routine/prospectus/index/providername";
// 取供应商
$.ajax( {
type : "post",//默认为get  
dataType : "json",
url : requestUrl,
success : function(providerList) {
// 供应商
var selStr = "";
for(var index in providerList){
for(var key in providerList[index]){
if(key == 'providername'){
if(providerList[index][key] == "${providername}"){
selStr += "<option value='"
           + providerList[index][key]
   + "' selected='selected'"
   +" >"
   + providerList[index][key]
           + "</option>";
}else{
selStr += "<option value='"
           + providerList[index][key]
   +"' >"
   + providerList[index][key]
           + "</option>";
}
//alert(providerList[index]['providercode']+":"+providerList[index][key]);
}
}
}
$("#provides").html(selStr);
  }
});

}); 
</script>

--------html-------
<th>
供应商:
</th>
<td>
<select class="input-txt" id="provides" style="width: 124px;" name="provides">

</select>
</td>
分享到:
评论

相关推荐

    asp利用json的两个下拉框联动示例代码

    在ASP中,我们可以借助JSON对象来处理数据,将服务器端的数据转化为JSON格式,然后通过AJAX(Asynchronous JavaScript and XML)发送到客户端,更新第二个下拉框的内容。 在提供的资源中,有两个文件:`cls_json....

    json+select 下拉框级联菜鸟

    7. **互动逻辑**:在实现级联下拉框时,需要注意的互动逻辑包括:初始化时加载第一级数据,监听第一个下拉框的change事件,触发AJAX请求,处理服务器返回的JSON数据,更新第二个下拉框,依此类推。 8. **性能优化**...

    二级关联下拉框jquery+ json java jsp

    4. 在jQuery的Ajax回调函数中,解析接收到的JSON数据,动态创建并填充二级下拉框的选项。 5. 更新二级下拉框,显示对应的一级类别下的子类别。 这个项目涉及到前端与后端的交互,需要熟练掌握jQuery的DOM操作和Ajax...

    json实现三级联动下拉框---struts版(数据来自mysql数据库)

    在本项目中,"json实现三级联动下拉框---struts版(数据来自mysql数据库)"是利用JSON来处理省市县三级联动效果的示例,它通过Struts框架与MySQL数据库进行交互,动态地从数据库获取数据并更新到前端页面的下拉框中...

    动态从后台获取数据实现搜索下拉框

    在IT行业中,动态从后台获取数据并实现搜索下拉框是一项常见的前端开发任务,它涉及到网页交互、数据传输以及用户界面的设计。这个功能通常应用于表单填写、筛选或导航等场景,极大地提升了用户体验。下面我们将深入...

    JQuery + Servlet +Json实现下拉框级联

    在本示例中,JSON被用作Servlet与前端JQuery之间传输数据的桥梁。Servlet在后台处理请求,将级联数据转化为JSON格式,然后通过HTTP响应发送到前端。 JQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理、...

    全国省市区三级联动json数据

    标签“json”进一步确认了数据是以JSON格式提供的,这对于Web开发者来说非常重要,因为JSON是Web服务和客户端之间广泛使用的数据交换格式,它可以轻松地在JavaScript、Python、Java等语言中被解析和操作。...

    JavaScript Ajax Json实现上下级下拉框联动效果实例代码

    在上述实例中,服务器端将查询到的人员数据以JSON格式返回给客户端,客户端的JavaScript能够解析这些JSON数据,并将其填充到人员下拉框中。JSON对象通常包含一个数组(`list`),数组里的每个元素代表一个人员对象,...

    ajax获取服务器以xml形式输出省市数据,并获取数据绑定前台下拉框和实现联动

    首先,XML是一种结构化数据的存储格式,常用于web应用程序中数据的传输。服务器端通常会通过后端语言如PHP、Java或ASP.NET等生成XML文档,以供前端Ajax请求获取。 要实现Ajax获取XML数据,我们需要使用JavaScript的...

    绑定动态数据的jquery下拉框插件

    - 加载初始数据:使用`$.getJSON`或`$.ajax`从服务器获取数据,并使用`.append()`方法将这些数据添加到`&lt;option&gt;`元素中。 - 监听事件:可能需要监听`change`、`click`或其他事件,以便在用户做出选择或数据更新时...

    SSH框架ajax获取的json格式数据处理过程

    在本文中,我们将详细讲解如何使用 SSH 框架中的 Ajax 获取的 JSON 格式数据处理过程,并且实现菜单联动下拉框的功能。 一、Ajax 中 response 返回的数据是一个二维数组 在 Ajax 中,response 返回的数据是一个二...

    省市区三级联动下拉列表json数据文件

    省市区名称json文件

    小程序点击按钮for循环view加1,for循环内的下拉框选择互不影响

    这里,`items`是包含循环次数的数据,`options`是下拉框的选项数组,`selectedOption`用于存储每个下拉框的选中值。 在对应的`js`文件(如`index.js`)中,我们需要处理点击事件和下拉框变化事件: ```javascript ...

    ASP+JSON 源码及教程

    当用户在第一个下拉框选择后,发送一个JSON请求到服务器,服务器返回相应的数据,然后客户端使用JavaScript更新第二个下拉框。`asp利用json的两个下拉框联动示例代码.rar`提供了具体的实现代码。 4. **ASP操作JSON...

    easyui的combotree控件绑定json数据的例子

    EasyUI是一个基于jQuery的UI库,提供了丰富的组件,其中包括Combotree,它是一个结合了下拉框和树形结构的控件,常用于选择具有层级关系的数据。 首先,我们需要了解EasyUI的Combotree控件。Combotree控件将树形...

    基于jQuery+JSON的省市联动效果

    省市区联动下拉效果在WEB中应用非常广泛,尤其在一些会员信息系统、电商网站最为常见。开发者一般使用Ajax实现无刷新下拉联动。本文将讲述,利用jQuery插件,通过读取JSON数据,实现无刷新动态下拉省市

    三级联动的省市县的json数据

    ### 三级联动的省市县JSON数据解析与实现 在现代Web开发中,为了提供更加便捷、高效的用户体验,三级联动选择器被广泛应用于地址选择、地区筛选等场景中。本篇文章将详细解读“三级联动的省市县JSON数据”的原理...

    省市区街道4级联动.json 纯json文件,下载可用,用于前端下拉选择组件

    省市区街道4级联动.json 纯json文件,下载可用,用于前端下拉选择组件的数据组装, 这是 省-市-区-街道 4级的数据。

    dataGridView动态绑定数据下拉框

    本话题将深入探讨如何实现“dataGridView动态绑定数据下拉框”的功能,即在dataGridView的某一列展示一个动态生成的下拉框,其内容来源于数据库字段,并且能够与文件列名建立对应关系,从而实现数据的导入。...

Global site tag (gtag.js) - Google Analytics