为ajax搜索制作大文本框

Question

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

（a）成为关注页面的焦点（即相当大，周围有光晕）

（b）自动执行一个函数，该函数使用jquery在每次输入字母时发出ajax请求（有点像google instant）

非常感谢任何建议， 谢谢，RayQuang

Answer 1

a）对于发光，轮廓或边框会吗？

b）使用<textarea>标记并捕获其onchange事件，以便每次都发送AJAX请求。您可以通过定义rows和cols

，使textarea尽可能大

Answer 2

如果您使用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在你的textarea（http://www.w3schools.com/css/css_border.asp）周围做一个更大的3D边框，要么将它包装在一个div中并制作一个背景来完成具体影响你的寻找。