小解jquery ui的autocomplate()的用法

其实jquery ui的autocomplate的用法相当简单就可以实现文件框的提示功能

首先大家需要引入两个文件

<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script src="jquery-ui-1.8.1.custom.min.js"></script>

然后直接调用

$(function() {
  var availableTags = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl"];
  $("#tags").autocomplete({
   source: availableTags
  });
 });

<input id="tags" />

需要注意的问题是

availableTages的数据获取方式

一般我们在操作数据库的时候会对数据进行搜索,将需要提示的东西写成一个缓存文件,保存成数据的形式,然后通过json_decode与json_encode这两个函数进行操作,存储到文件中,然后利用前面讲的

$.getJSON()这个方法读出来,如果有不会的看一下前面的

然后就能实现了

对于面页中不有许多相同的文件框需要调用,但是ID是动态的

我们可以在当前的文本框增加一个onfocus(id)事件,然后在方法中调用它就OK了

今天的工作遇到了一个AJAX的问题,差点搞死人,由于将data:'id='+id写成了'id'=+id它会报'[string]'的错误,但是它不会报这一行,它会报在

$.ajax({这一行,大家如果有遇到的需要注意

})