gpt4 book ai didi

jQuery UI 自动完成与从 Rails 生成的 JSON 数据源 - 不工作

转载 作者:行者123 更新时间:2023-12-01 01:52:59 25 4
gpt4 key购买 nike

我正在尝试使用 jquery 自动完成功能设置输入标记,但当我引用外部 JSON 数据时它不起作用。然而,它与本地类似 JSON 的数组完美配合...让我在我的代码中解释一下:

HTML 文件:

<html>
<head>
<meta charset="utf-8">

<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="jquery-ui-1.8.5.custom.min.js" type="text/javascript"></script>
<script>
$(function() {
$("#birds").autocomplete({
source: "http://localhost:3000/autocomplete_searches/index.json",
minLength: 3
});
});
</script>
</head>


<body>
<div class="ui-widget">
<label for="birds">Birds: </label>
<input id="birds" />
</div>
</body>
</html>

我的 Rails 应用程序中的 autocomplete_searches_controller.rb

class AutocompleteSearchesController < ApplicationController

def index
@tags = Tag.limit(30).name_like(params[:term])
@tags_hash = []
@tags.each do |tag|
@tags_hash << {"label" => tag.label}
end
render :json => @tags_hash
end

end

这个 JSON 操作本身就可以很好地工作,例如: http://localhost:3000/autocomplete_searches/index?term=psychiatric给我:

[{"label":"Psychiatric Hospital"},{"label":"Psychiatric Nurse"},{"label":"Psychiatric Examination"}]

我可以看到我的 jQuery 函数也在以某种方式工作,因为当我在 #birds 输入框中输入“italy”时,WEBrick 会给出:

Started GET "/autocomplete_searches/index.json?term=italy" for 127.0.0.1 at 2010-09-27 18:07:07 +0200
Processing by AutocompleteSearchesController#index as JSON
Parameteres: {"term"=>"italy"}
bla bla bla SELECT "tags".* FROM "tags" WHERE (tags.name LIKE '%italy%') LIMIT 30

但我发现网站没有任何影响。正如我所说,当我将相同格式的数据直接放入 html 文件中时,自动完成脚本可以完美运行。在这个中我没有遇到任何问题:

<html>
<head>
<meta charset="utf-8">

<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="jquery-ui-1.8.5.custom.min.js" type="text/javascript"></script>
<script>
$(function() {
$("#birds").autocomplete({
source: [{"label":"Psychiatric Hospital"},{"label":"Psychiatric Nurse"},{"label":"Psychiatric Examination"}],
minLength: 3
});
});
</script>
</head>


<body>
<div class="ui-widget">
<label for="birds">Birds: </label>
<input id="birds" />
</div>
</body>
</html>

那么问题出在哪里呢?我对 JSON 很陌生,所以也许我做错了。

最佳答案

Ee...我在 Rails 中做了一个新操作,并将此 html 代码作为 View 。它开始起作用了。但为什么当它是一个独立的 html 文件时我无法让它工作?

关于jQuery UI 自动完成与从 Rails 生成的 JSON 数据源 - 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3805728/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com