Question

我创建了用户输入arabic文字的应用程序，我将其转换为english [Transliteration]。当用户单击按钮时会发生这种情况。

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

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

以下是我为button click事件

执行操作的方法

    $( "#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() {

只要用户写一些文字，它就会得到文本。

Answer 2

$("#english").keyup(function() {
        var english = $("#english").val();
            //alert (arabic)
            en2ar(english);
            return false;     
});

你可以使用按键功能。

从ajax / jquery动态获取回复

2 个答案: