jQuery和自动完成从数据库中获取

时间:2017-05-26 08:36:31

标签: jquery ajax

我对ajax很新。要求是使用ajax和JQuery从用户表中自动完成值。这些是我从网上获取的一段代码。

使用url,我可以获得用户表的JSON。使用此代码,我只能获得简单的下拉,但不会显示值。

但我可以在日志文件中看到用户表的实体列表。有了这两条线       - 事务后不关闭预先绑定的JPA EntityManager       - 不注入HSTS标头,因为它与requestMatcher

不匹配

请帮我解决这个问题。

  /* The script what i have written */

  <script>

    $(function() {

        $("#clientadminid").autocomplete({
            source: "http://localhost:8080/articles.json",
            minLength: 2,
            dataType:"json",
            type:"Get",
            select: function(event, ui) {
                var url = ui.item.id;
                if(url != '#') {
                    location.href = '/blog/' + url;
                }
            },

           success: function (data) {

              response($.map(data.articles,function(item){
                return {
                value:item.username,
                lable:item.username

                    };

                })); 
                }
        });

    });
  </script>

1 个答案:

答案 0 :(得分:0)

在响应返回中也添加标签。标签用于显示。您的代码如下所示:     $(function(){

$("#clientadminid").autocomplete({
    source: "http://localhost:8080/articles.json",
    minLength: 2,
    dataType:"json",
    type:"Get",
    select: function(event, ui) {
        var url = ui.item.id;
        if(url != '#') {
            location.href = '/blog/' + url;
        }
    },

   success: function (data) {

      response($.map(data.articles,function(item){
        return {
        value:item.username,
        label:item.username
            };

        })); 
        }
});

});