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;
});