Question

我有一个由文本字段组成的表单（id =“txt1”）和提交按钮（id =“提交”）。在提交按钮的'onclick'事件上调用Ajax函数'showhint（）'。

<form action="">  
<input type="text" id="txt1"   />
<input type="submit" id="submit" onclick="showhint()"/>
</form>

和ajax功能

    function showhint(){
var xmlhttp;

if(window.XMLHttpRequest)
{
    xmlhttp=new XMLHttpRequest();
}
else
{
    xmllhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
    if(xmlhttp.readyState==4 && xmlhttp.status==200)
    {
        document.getElementById("txthint").innerHTML=xmlhttp.responseText;
    }
        }
            xmlhttp.open("GET","gethint.php",true);
            xmlhttp.send();
            }

这里gethint.php是showhint（）函数执行其工作的页面，而目标div写入ajax respone是“txthint”。我想要的是将文本值（表单）传递给ajax函数。有什么简单的方法吗？等待回应，任何有用的回应都会非常明显。在adavance

Answer 1

var value = document.getElementById("txt1").value;

xmlhttp.open("GET","gethint.php?value="+value,true);

在gethint.php中

 echo $_REQUEST['value'];

Answer 2

如果我正确阅读此内容，您将尝试获取文本框的值并将其传递给showhint（）方法。

试试这个：

<input type="submit" id="submit" onclick="showhint(document.getElementById('txt1').value)" value="test"/>

然后你可以接受这样的值：

function showhint(value) {
  // use value here
}

希望有所帮助。

单击提交按钮将文本值传递给ajax函数

2 个答案: