javascript - 动态获取ajax/jquery的回复

Question

我创建了用户输入阿拉伯语文本的应用程序，我将其转换为英语 [音译]。当用户单击按钮时会发生这种情况。

我希望它动态转换。我的意思是，当用户输入任何字符时，它应该立即对输入的文本执行音译，当用户继续输入文本时，应该附加音译。

我使用了 ajax，它接受用户输入并将其发布到 php 脚本进行音译。我在结果框中显示的脚本回复。

这是我如何对按钮单击事件执行操作

    $( "#en2ar" ).click(function() {
            //var cat = $("#cats option:selected").html();
//          alert(test);
            var english = document.getElementById("english").value;
            //alert (arabic)
            en2ar(english);
            return false;
            });

        function en2ar(english)
        {               
            var xmlhttp;
            arabic.value = '';
            if (window.XMLHttpRequest)
            {
                // code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp=new XMLHttpRequest();
            }
            else
            {
                // code for IE6, IE5
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            }           
            xmlhttp.onreadystatechange=function()
            {
                //document.getElementById("old-records").innerHTML = "";                
                if (xmlhttp.readyState == 4 && xmlhttp.status==200)
                {
                    var div2 = document.getElementById("arabic");
                                div2.innerHTML = xmlhttp.responseText;
                }
            }
            xmlhttp.open("POST","processAra.php");          
            xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
            xmlhttp.send('arabic=' + english + '&type=' + 'en' ) ;          
            //alert(arabic);
        }               

Answer 1

而不是

 $( "#en2ar" ).click(function() {

使用

 $( "#en2ar" ).keyup(function() {

每当用户写入一些文本时，它将获取文本。