Jquery 自动完成加载问题答案

【问题标题】：Jquery AutoComplete Load ProblemJquery 自动完成加载问题
【发布时间】：2010-04-27 13:15:57
【问题描述】：

不工作

Jquery 代码：

$('[id$=Name]').autocomplete('CallBack.aspx',{formatItem: function(item){return item.Name;}}).result(function(event, item) {
            location.href = item.AGE;
        });

json：

var data = [{NAME:"John",AGE:"57"}];

工作

Jquery 代码：

var data = [{NAME:"John",AGE:"57"}];

 $('[id$=Name]').autocomplete(data,{formatItem: function(item){return item.Name;}}).result(function(event, item) {
                location.href = item.AGE;
            });

alt text http://img11.imageshack.us/img11/119/38235621.jpg

请帮我看看它是怎么做的？ callback.aspx 返回 json 不起作用

【问题讨论】：

标签： asp.net javascript jquery json

【解决方案1】：

尝试将您的数据更改为：

var data = [{id:"John",value:"57"}];

编辑

这是我认为您正在尝试做的一个示例：

var data = [{NAME:"John",AGE:"57"}];

$('[id$=Name]').autocomplete('CallBack.aspx', {
    formatItem: function(item) {
        return item.NAME;
    }}).result(function(event, item) {
            location.href = 'somepage.aspx?age=' + item.AGE;
        });

基本上你需要将return item.Name 大写为return item.NAME。

【讨论】：

我认为您使用此页面底部的代码作为您的起点？ docs.jquery.com/Plugins/Autocomplete您是否打算在重定向中使用所选项目？
@Codesleuth 所选项目重定向测试我可以选择项目隐藏字段值:-) 但你看不到自动完成列表
我的问题 callback.aspx 获取数据不起作用，var data = [{NAME:"John",AGE:"57"}];工作；
@Codesleuth 我的评论编辑请看，var data = [{NAME:"John",AGE:"57"}];图片工作，但 callback.aspx 图片我看不到
那是你回调页面的结果不对。您需要为我们粘贴来自CallBack.aspx 的代码。

【解决方案2】：

试试这个

<script type="text/javascript">
    $(document).ready(function () {

        $("#TextboxId").autocomplete({

            source: function (request, response) {
                $.ajax({
                    url: "URL",
                    type: "POST",
                    dataType: "json",
                    data: { ids: idstopass },

                    success: function (retrieveddata) {

                        alert(retrieveddata);
                        var dData = JSON.parse(retrieveddata);
                        alert(dData.Name);

                    },
                    error: function (request, status, error) {
                        console.log("Error! " + request.responseText);

                    }
                })
            },


        });
    })
</script>

【讨论】：