jquery autocomplete ajax 传参数
2015-12-08 10:44
711 查看
必须引入的js
HTML
js代码
struts2
关键代码
注:你所需要的数据是 数组格式
<link rel="stylesheet" href="/activities/css/jquery-ui.min.css"> <script src="/activities/js/jquery-ui.min.js"></script>
<script src="/activities/js/jquery-1.11.0.min.js"></script>
HTML
<input name="brandName" type="text" class="form-control" id="brandMsg">
js代码
<script> $(function(){ var banddata=[]; $( "#brandMsg" ).autocomplete({ source: function( request, response ) { var datas=$("#brandMsg").val(); $.ajax({ type: "get", url: '/activities/activity/getBrandMessage?brandName='+datas, dataType: "json", async: false, success: function( data ) { banddata=data.brandResult; } }); response( $.map( $.parseJSON(banddata), function( item ) { // 此处是将返回数据转换为 JSON对象,并给每个下拉项补充对应参数 return { // 设置item信息 label: item, // 下拉项显示内容 value: item, // 下拉项对应数值 } })); }, minLength: 2, // 输入框字符个等于2时开始查询 select: function( event, ui ) { // 选中某项时执行的操作 // 存放选中选项的信息 } }); }); </script>
struts2
<action name="getBrandMessage" class="com.xx.emidas.activity.activity.AddActivityAction" method="getbrandMessage"> <result type="json"> <param name="callbackParameter">callback</param> <param name="excludeProperties">callback</param> </result> </action>
关键代码
public String getbrandMessage(){ try { brand=dmpService.getBrandInfoByBrandName(brandName); String[] temp = new String[1]; if(null !=brand){ temp[0]=brand.getName(); } // String[] temp = "align,both,card,dream,error,fail,gson,hello,invaid,job,kill".split(","); brandResult = "["; brandResult+="\"无\","; if(temp[0]!=null){ for(int i=0;i<temp.length;i++){ if(temp[i].indexOf(temp[i])!=-1){ brandResult += "\""+temp[i]+"\","; } } } if(brandResult.length() > 1){ brandResult = brandResult.substring(0,brandResult.length()-1); brandResult+="]"; } /* System.out.println(name);*/ HttpServletResponse res = ServletActionContext.getResponse(); /* PrintWriter pw = res.getWriter(); pw.write(brandResult); pw.flush(); pw.close();*/ } catch (Exception e) { // TODO: handle exception e.printStackTrace(); } return SUCCESS; }
注:你所需要的数据是 数组格式
相关文章推荐
- 解决Ajax悬停效果,无法遮蔽FLASH的问题
- 再谈Jquery Ajax方法传递到action(补充)
- Dom在ajax技术中的作用说明
- 使用Ajax实时检测"用户名、邮箱等"是否已经存在
- 探讨Ajax中同步与异步之间的区别
- 原生AJAX写法实例分析
- 探秘ajax跨域请求
- JQuery ajax返回JSON时的处理方式 (三种方式)
- Ajax中浏览器和服务器交互详解
- ajax实现点击不同的链接让返回的内容显示在特定div里
- ajax 动态传递jsp等页面使用id辨识传递对象
- ajax与传统web开发的异同点
- AJAX简单应用实例-弹出层
- AJAX初级教程之初识AJAX
- Ajax无刷新分页的性能优化方法
- jquery对ajax的支持介绍
- jQuery基于ajax实现星星评论代码
- Ajax 说的比较清楚的一篇文章
- 强烈推荐 - Ajax 技术资源中心
- Ajax PHP简单入门教程代码