日期:2014-05-16  浏览次数:20714 次

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>