jquery.autocomplete.min.js怎么实现动态数据

2013-06-08 08:43:21 260 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

【第六届起重机创意大赛国一作品——资料分享】文章目录前言一、比赛内容分析二、确定方案与作品模型1.方案简图2.作品模型三、电控部分控制思路单片机选择与资源分配拓展板的设计接线与走线代码分享总结阅读详情

下面是jquery.autocomplete.min.js的一个简单的例子。
我想问是的怎么动态的跟后台交互，不是写死的，而是从数据库里面得到的。本人小白，最好是能有一个实例。前台后台的都有最好了。谢谢

<script type="text/javascript">

         var emails = [

             { name: "Peter Pan", to: "peter@pan.de" },

             { name: "Molly", to: "molly@yahoo.com" },

             { name: "Forneria Marconi", to: "live@japan.jp" },

             { name: "Master <em>Sync</em>", to: "205bw@samsung.com" },

             { name: "Dr. <strong>Tech</strong> de Log", to: "g15@logitech.com" },

             { name: "Don Corleone", to: "don@vegas.com" },

             { name: "Mc Chick", to: "info@donalds.org" },

             { name: "Donnie Darko", to: "dd@timeshift.info" },

             { name: "Quake The Net", to: "webmaster@quakenet.org" },

             { name: "Dr. Write", to: "write@writable.com" },

             { name: "GG Bond", to: "Bond@qq.com" },

             { name: "Zhuzhu Xia", to: "zhuzhu@qq.com" }

         ];

  

             $(function() {

                 $('#keyword').autocomplete(emails, {

                     max: 12,    //列表里的条目数

                     minChars: 0,    //自动完成激活之前填入的最小字符

                     width: 400,     //提示的宽度，溢出隐藏

                     scrollHeight: 300,   //提示的高度，溢出显示滚动条

                     matchContains: true,    //包含匹配，就是data参数里的数据，是否只要包含文本框里的数据就显示

                     autoFill: false,    //自动填充

                     formatItem: function(row, i, max) {

                         return i + '/' + max + ':"' + row.name + '"[' + row.to + ']';

                     },

                     formatMatch: function(row, i, max) {

                         return row.name + row.to;

                     },

                     formatResult: function(row) {

                         return row.to;

                     }

                 }).result(function(event, row, formatted) {

                     alert(row.to);

                 });

             });

     </script>

...全文

深度学习之常用算子介绍打开 onnx 模型图，可以看到它是一个有向无环图。除了 Input、Output ，其他都是算子（是操作，而不是节点）在ONNX（Open Neural Network Exchange）模型中，除了输入和输出，其他都是算子（Operations）。算子是表示神经网络模型中的不同操作或层的元素。一个ONNX模型由一系列算子组成，通过连接这些算子来定义模型的计算流程。阅读详情

wilson0424

JavaScript 87,984 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

敛我半世癫狂 2013-06-15

打赏
举报

页面加载时会自动触发

ILOVE_ASPNET 2013-06-09

打赏
举报

引用 1 楼 zhu1986lu 的回复:

前端

 $(function () {
            var url = "/RepairIn/InitFailCode";
            $.ajax({
                type: "POST",
                async: false,
                url: encodeURI(url),
                success: function (data) {
                    $('#failCode').autocomplete(data, {
                        max: 10,    //列表里的条目数
                        minChars: 1,    //自动完成激活之前填入的最小字符
                        width: 300,     //提示的宽度，溢出隐藏
                        scrollHeight: 300,   //提示的高度，溢出显示滚动条
                        matchContains: true,    //包含匹配，就是data参数里的数据，是否只要包含文本框里的数据就显示
                        autoFill: false,    //自动填充
                        formatItem: function (row, i, max) {
                            return i + ':"' + row.Code + '"[' + row.Name + ']';
                        },
                        formatMatch: function (row, i, max) {
                            return row.Code + row.Name;
                        },
                        formatResult: function (row) {
                            return row.Code;
                        }
                    }).result(function (event, row, formatted) {
                        document.getElementById("failName").value = row.Name;
                        checkSubmit();
                    });
                }
            });
        });

后台返回JSON数组 public ActionResult InitFailCode() { List<object> items = new List<object>(); using (DataTable dt = _failCode.SelectFailCode("", "", 1)) { foreach (DataRow dr in dt.Rows) { var item = new { Code = dr["FAILURE_CODE"].ToString().Trim(), Name = dr["FAILURE_NAME"].ToString().Trim() }; items.Add(item); } } return Json(items, JsonRequestBehavior.AllowGet); }

在1楼的代码示命名， ajax url后面拼，或者是用 data:{param:param} 方式进行传递参数

wilson0424 2013-06-09

打赏
举报

再问下，那传值到后台，是怎么传过去了。（参数的传递）谢谢

wilson0424 2013-06-09

打赏
举报

再问下，那什么时候触发$.ajax。

敛我半世癫狂 2013-06-08

打赏
举报

前端

 $(function () {
            var url = "/RepairIn/InitFailCode";
            $.ajax({
                type: "POST",
                async: false,
                url: encodeURI(url),
                success: function (data) {
                    $('#failCode').autocomplete(data, {
                        max: 10,    //列表里的条目数
                        minChars: 1,    //自动完成激活之前填入的最小字符
                        width: 300,     //提示的宽度，溢出隐藏
                        scrollHeight: 300,   //提示的高度，溢出显示滚动条
                        matchContains: true,    //包含匹配，就是data参数里的数据，是否只要包含文本框里的数据就显示
                        autoFill: false,    //自动填充
                        formatItem: function (row, i, max) {
                            return i + ':"' + row.Code + '"[' + row.Name + ']';
                        },
                        formatMatch: function (row, i, max) {
                            return row.Code + row.Name;
                        },
                        formatResult: function (row) {
                            return row.Code;
                        }
                    }).result(function (event, row, formatted) {
                        document.getElementById("failName").value = row.Name;
                        checkSubmit();
                    });
                }
            });
        });

jquery.autocomplete.min.js怎么实现动态数据

相关推荐