Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/249.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从ajax/jquery动态获取回复_Javascript_Php_Jquery_Ajax - Fatal编程技术网

Javascript 从ajax/jquery动态获取回复

Javascript 从ajax/jquery动态获取回复,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我创建了一个应用程序,用户在其中输入阿拉伯语文本,我将其转换为英语[音译]。 当用户单击按钮时会发生这种情况 我希望它能动态转换。我的意思是当用户输入任何字符时,它应该立即对输入的文本执行音译,当用户不断输入文本时,应该附加音译 我使用了ajax,它接受用户输入并将其发布到php脚本进行音译。来自脚本的回复显示在结果框中 下面是我如何执行按钮单击事件的操作 $( "#en2ar" ).click(function() { //var cat = $("#cats

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

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

我使用了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);
        }               
而不是

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

它将在用户编写文本时获取文本

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

您可以使用向上键功能。

有什么问题吗?在输入字段的
keyup
处理程序中运行代码。为什么不使用
$.ajax()
而不是所有那些冗长的Javascript?可以使用keyupfunction@Barmar:谢谢,我做了同样复杂的工作,
keyup
我没有想到
#en2ar
是一个按钮,不是输入字段。将该#en2ar替换为u用于输入字段的id。。。虽然这会消耗大量的带宽。。。所以你可以用模糊来代替。。。仅当用户从输入字段中移除焦点时,此选项才会转换。。。虽然这完全取决于你的要求
$("#english").keyup(function() {
        var english = $("#english").val();
            //alert (arabic)
            en2ar(english);
            return false;     
});