为ajax搜索制作大文本框

时间:2011-01-22 07:03:46

标签: javascript html css ajax

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

(a)成为关注页面的焦点(即相当大,周围有光晕)

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

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

2 个答案:

答案 0 :(得分:1)

a)对于发光,轮廓或边框会吗?

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

,使textarea尽可能大

答案 1 :(得分: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在你的textarea(http://www.w3schools.com/css/css_border.asp)周围做一个更大的3D边框,要么将它包装在一个div中并制作一个背景来完成具体影响你的寻找。