javascript - 为ajax搜索制作大文本框

Question

我正在制作一个 AJAX 应用程序，用户可以在其中输入电影的名称，数据库中的结果将通过 PHP API 中的 jquery 加载，但是我不确定如何实现一个文本框:

(a) 成为页面上的焦点(即相当大，周围有光晕)

(b) 每次输入字母时自动执行使用 jquery 发出 ajax 请求的函数(有点像 google instant)

如有任何建议，我们将不胜感激，谢谢，RayQuang

Answer 1

如果您使用 jQuery，请使用 .keyup 函数，然后将您的代码从您的 php 脚本中获取某些内容放入该函数中，或者执行我所做的并让另一个函数完成您的工作，然后从 .keyup 函数中调用它这个:

 function getData(){
            data=$('#textareaid').val();
            $.post('http://example.come/ajaxcontroller.php', {data: data},
            function(data) {// Proccess returned ajax here, you could also use one of the ajax functions instead of .post});
          }

$(document).ready(function() {              
$('#textareaid').keyup(function(e) { getData();}
}

至于发光，要么使用 css 在文本区域周围制作一个更大的 3d 边框 (http://www.w3schools.com/css/css_border.asp)，要么将其包裹在一个 div 中并制作一个背景来完成您正在寻找的特定效果。