【问题标题】:JQuery AutoComplete with ASP.Net使用 ASP.Net 的 JQuery 自动完成
【发布时间】:2011-05-28 07:34:19
【问题描述】:

下面是我的 JavaScript

    <script>
    $(function () {
        function log(message) {
            $("<div/>").text(message).prependTo("#log");
            $("#log").attr("scrollTop", 0);
        }

        $("#city").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "getpostcodes.aspx",
                    dataType: "jsonp",
                    data: {
                        like: request.term
                    },
                    success: function (data) {
                        response($.map(data.RegionList, function (item) {
                                return {
                                label: item.Detail,
                                value: item.Detail
                            }
                        }));
                    }
                });
            },
            minLength: 2,
            select: function (event, ui) {
                log(ui.item ?
                "Selected: " + ui.item.label :
                "Nothing selected, input was " + this.value);
            },
            open: function () {
                $(this).removeClass("ui-corner-all").addClass("ui-corner-top");
            },
            close: function () {
                $(this).removeClass("ui-corner-top").addClass("ui-corner-all");
            }
        });
    });
</script>

下面是服务器返回的我的 JSON

{"RegionList":[{"Detail":"2250, GOSFORD"}]} 

但是我的自动完成没有显示结果?我做错什么了吗?

【问题讨论】:

  • 解决了这个问题。我所要做的就是将 JSON 结果包装到回调中,因为它正在使用 JSONP :)。

标签: asp.net jquery jquery-ui autocomplete


【解决方案1】:

什么是 HTTP 状态码响应?我有时会遇到问题,因为我收到了答案,但状态码是 500

【讨论】:

  • 状态码??当我单独请求该页面时,它打印出 JSON。并且当我尝试使用带有来自 php 的完全相同的输出的 asp.net 页面的 multple 自动完成示例时。它适用于 php 示例,但使用 asp.net 它失败了?!.. json 是一样的。
  • 检查请求中的 http 状态(Firebug 或类似的东西)。如果是 200 就可以了。但我有这个问题
  • 是的,它检查了状态和它的 200,它返回一个 JSON?我必须做其他事情来支持 JSONP 吗?
  • 整理出来见上面的评论:)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-11-03
  • 2010-09-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-07-02
相关资源
最近更新 更多