添加后台list给前台select标签赋值简单实现

最新推荐文章于 2023-06-25 12:17:58 发布

转载最新推荐文章于 2023-06-25 12:17:58 发布 · 2.3k 阅读

jQuery 专栏收录该内容

68 篇文章

订阅专栏

本文介绍了一种前后端交互方式，通过Ajax请求从后台获取用户列表数据，并将其填充到前端页面的Select标签中。该方法使用jQuery简化DOM操作，实现了动态更新下拉选项的功能。

添加后台list给前台select标签赋值简单实现

作者：字体：[增加减小] 类型：转载时间：2013-07-18 我要评论

本文为大家介绍下通过添加后台list怎么实现给前台select标签赋值，具体代码如下，感兴趣的朋友可以参考下哈

复制代码代码如下:

 
 $.ajax({ 
  
 url : "user!findUserList.action", 
  
 type : "post", 
  
 success: function(data){ 
  
 var jsonObj=eval("("+data+")"); 
  
 $.each(jsonObj, function (i, item) { 
  
 jQuery("#userList").append("<option value="+ item.userId+">"+ item.userRealName+"</option>"); 
  
 }); 
  
 }, 
  
 error: function(text) {} 
  
 });

复制代码代码如下:

 
 public void findUserList() throws IOException { 
  
 List<UserModel> roleuserList = userService.findUserList(); 
  
 String json = JSONArray.fromObject(roleuserList).toString(); 
  
 writeHtml(json);; 
  
 }

复制代码代码如下:

 
 protected void writeHtml(String strData) { 
  
 try { 
  
 response.setContentType("text/html; charset=UTF-8"); 
  
 PrintWriter pw = response.getWriter(); 
  
 pw.write(strData); 
  
 pw.flush(); 
  
 pw.close(); 
  
 } catch (IOException e) { 
  
 log.error("writeHtml()", e); 
  
 } 
  
 }