ajcx发送请求到一个本地文件后在本地文件中进行匹配,若匹配则返回到输入框下拉框
js中怎么用ajcx发送请求到一个本地文件后在本地文件中进行匹配,若匹配则返回到输入框下的下拉框中,类似于百度搜索提示的,但是请求的是本地文件,我用的是chrome能实现吗?主要是不会怎么实现匹配然后输出到下拉框中。 JavaScript ajax web开发 xmlHttpRequest
[解决办法]
不是回过你了,chrome请求不了本地文件,需要搭建服务器。。
[解决办法]
jquery autocomplete下载
jquery autocomplete 使用说明文档
DEMO
data.txt
aaaaaaaaaaaa
abcde
bbbbbbbbbbbbb
bbbbbbbdafa
caaaaaaadfa
cccccccccccccccccc
ddddddddddddd
ddddddddd
eeeeeeeeee
eeeeeeeeeee
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<title>jquery.autocomplete</title>
<link type="text/css" rel="Stylesheet" href="http://www.coding123.net/eg/jquery.autocomplete/jquery.autocomplete.css" />
<script type="text/javascript" src="http://www.coding123.net/js/jquery.js"></script>
<script type="text/javascript" src="http://www.coding123.net/eg/jquery.autocomplete/jquery.autocomplete.js"></script>
<script type="text/javascript">
$(function () {
$.get('data.txt',function(d){//由于你是本地测试,没搭建服务器,所以需要ajax一次性获取本地数据文件后拆分为数组,然后使用autocompleteAarry来做。
$("#input_box").autocompleteArray(d.split('\n'));//如果是其他内容分隔数据项,注意修改这里
});
});
</script>
</head>
<body>
<input type="text" id="input_box" />
</body></html>