1

如何通过使用ajax动态附加表单字段值来检索查询结果？

 <script> 
  $(document).ready(function() {
    $("textbox").autocomplete({
        source: function(query, response) {
            $.ajax({
                url: "/xxx/sample.cfc?method=queries&returnformat=json",
                dataType: "json",
                data: {
                    searchKeyword: query.term
                },
                success: function(result) {
                    response(result);
                }
            });
        }
    });
  });
 </script>

我已经尝试了下面的代码，但无法获得输出。这种方式正确吗？

如何通过传递searchKeyword给 sample.cfc 来获取记录？sample.cfc 中要写的逻辑是什么？

4

1 回答 1

0

也许您唯一的问题是您没有正确定位文本框。将您的代码更改为

<input type="text" id="textbox">
 <script> 
  $(document).ready(function() {
    $("#textbox").autocomplete({
        source: function(query, response) {
            $.ajax({
                url: "/xxx/sample.cfc?method=queries&returnformat=json",
                dataType: "json",
                data: {
                    searchKeyword: query.term
                },
                success: function(result) {
                    response(result);
                }
            });
        }
    });
  });
 </script>

为我正确提交，萤火虫显示 URL 参数（在我在输入字段中输入我的名字后）为：

方法查询

返回格式 json

搜索关键字安德鲁

（注意：如果您在标签内，则必须将选择器更改为##textbox）

一个非常简单的sample.cfc，它只是将您的搜索关键字返回给您，看起来像

component{

    remote function queries() {
        return url.searchKeyword;
    }

}

Unless this is just a learning exercise for you, i suggest using a jquery widget to save you writing a whole autocompleter yourself..

于 2013-02-22T03:19:42.097 回答