jquery自动完成从本地文件获取数据
jquery autocomplete get data from local file
我正在尝试获取用于自动完成的数据,但是当我没有结果时。没有错误,什么都没有。
$(document).ready(function()
{
$('#txtAutoComplete').autocomplete({
delay: 0,
source: function (request, response) {
$.ajax({
url: "auto.json",
dataType: 'json',
data: request,
success: function( data ) {
response( $.map( data, function( item ) {
return(item.name)
}));
}
});
},
minLength: 1
});
});
示例json文件是:
[
{
"name": "John",
"value": "Doe"
}{
"name": "1",
"value": "2"
}{
"name": "33",
"value": "44"
}{
"name": "name",
"value": "surname"
}
]
我已经将auto.json文件放在了与javascript文件相同的文件夹中。但是,我将来需要使用不同的文件夹。在这一点上,我有一个问题:如果我将url设置为"/homeDirectoryPath/auto.json",它会起作用吗?或者如何使用同一项目中另一个文件夹中的文件?
您的JSON文件不是有效的JSON。试试这个:
[
{
"name": "John",
"value": "Doe"
},{
"name": "1",
"value": "2"
},{
"name": "33",
"value": "44"
},{
"name": "name",
"value": "surname"
}
]
如果要验证JSON数据,请使用JSONLint。
http://jsonlint.com/
以下内容对我使用了上述JSON数据。我没有你正在使用的脚本,所以我只是在测试ajax函数:
$(document).ready(function() {
$.ajax({
url: "auto.json",
dataType: 'json',
success: function( data ) {
console.log(data);
}
});
});
相关文章:
- 通过ajax到php文件获取单选按钮值
- jquery自动完成从本地文件获取数据
- 从外部js文件获取变量
- 应用程序脚本-自动从谷歌驱动器删除超过3天的文件-获取文件列表
- Ajax请求从php文件获取数据
- 从Javascript文件获取值
- 如何从外部JavaScript文件获取函数参数
- AngularJS从JSON本地文件获取数据
- 如何从另一个文件获取 HTML 元素值
- 从外部 json 文件获取数据
- 从HTML页面执行外部.js文件,通过发送输入.xml并从外部文件获取输出.xml.js文件
- 将数据从单独的 JavaScript 文件获取到数组中
- jQuery Ajax 文件获取问题
- AJAX/Jquery - 从 php 文件获取响应
- 根据 JSON 文件获取对象的架构
- 如何从输入类型=文件获取数据,修改它,然后将其插入到此输入JS中
- HTML和Javascript:使用输入文件获取完整的目录路径名
- 从本地文件获取JSON的角度服务不起作用
- 尝试从我的节点服务器加载脚本文件 - 获取 404
- 需要从外部文件获取JSON