如何将输入值传递给ajax - How to pass input values to ajax

How to pass input values to ajax

本文关键字：ajax 值传输入 | 更新日期: 2023-09-27

好吧，我是Ajax的新手。我的问题是，我不知道如何检索<input>标记中的数据并将其发送到Ajax。我试过在互联网上搜索，但大多数解决方案都使用jQueryAjax，这是我目前不想要的。

这是我的密码。

我想保存这个值，以便我的Ajax可以读取它…

<input id="IDValue" name="IDValue" value="<?php echo $row['exist']?>" >

这是我的Ajax脚本。。。

 function message(){
    var ID=$(".IDValue").val();
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function(){
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
             document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
                            }
                        };
             xmlhttp.open("POST","retrieveMsg.php?q=" +ID,true);
             xmlhttp.send();
               }

请帮帮我，伙计们。我之所以使用这种方法是因为（我之前的文章）使用ajax将输入值发送到php，并将结果打印到div

更换

 var ID=$(".IDValue").val();

带

 var ID = document.getElementById("IDValie").value;

我对$row['exist']是否返回值以及您为id="txtHint"使用了什么html控件感到困惑。在这里，我提供了与您的代码在某些方面相同的演示。。。试着有一个想法，并根据你的要求做出改变。。。

<html>
    <head>
    <script src="jquery.js"></script>
    </head>
    <body>
        <input id="IDValue" name="IDValue" value="<?php echo 'hello';?>"  >
        <textarea id="txtHint"></textarea>
        <input type="button" value="Click" onClick="message()"/>
    <script>
        function message(){
    var ID=$("#IDValue").val();
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function(){
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
             document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
                            }
                        };
             xmlhttp.open("POST","login.php?q=" +ID,true);
             xmlhttp.send();
               }
    </script>
    </body>
</html>