javascript - jQuery $.ajax 函数有效，但简写函数如 $.get/$.getJSON 无效——使用 jQuery 1.7.2 和 Grails 2.1 以及 twitter bootstrap

Question

我的第一个问题。

有人对 ajax 请求使用速记函数有任何问题吗？

这个有效:

('#book').typeahead({
    source: function(typeahead, query){
        return $.ajax({
            url: "/book/autocompleteBooks",
            type: "GET",
            dataType: "JSON",
            data: {queryString: query},
            success: function(results){
                typeahead.process(results);
            }
        });
    },
    property: "title",
    onselect: onSelectBook
});

但这两个都不起作用:

('#book').typeahead({
    source: function(typeahead, query){
        return $.get({
            url: "/book/autocompleteBooks",
            dataType: "JSON",
            data: {queryString: query},
            success: function(results){
                typeahead.process(results);
            }
        });
    },
    property: "title",
    onselect: onSelectBook
});

('#book').typeahead({
    source: function(typeahead, query){
        return $.getJSON({
            url: "/book/autocompleteBooks",
            data: {queryString: query},
            success: function(results){
                typeahead.process(results);
            }
        });
    },
    property : "title",
    onselect: onSelectBook
});

另一件事是用 createLink 替换 url 也不起作用。

url: "/book/autocompleteBooks"

url: "${createLink(controller: 'book', action: 'autocompleteBooks')}"

我宁愿使用速记函数来使代码更易于阅读并且基本上是为了美观:)

Answer 1

$.get() 的结构如下:

$.get(
  "/book/autocompleteBooks",     // url
  {queryString: query},          // data
  function(data) {               // success
    // code
  },
  'json'                         // dataType
);

和$.getJSON()是:

$.getJSON(
     "/book/autocompleteBooks",   // url
     {queryString: query},        // data
     function(results){           // success
       // code
     }
);

阅读更多关于 $.get() 和 $.getJSON()