HTML文本框给ajak传值

可以使用JavaScript的XMLHttpRequest对象来实现AJAX传值。

例如，有一个HTML文本框：

<input type="text" id="myInput">
<button onclick="sendData()">发送数据</button>

当点击“发送数据”按钮时，需要将文本框中的值传给服务器端。

可以编写如下的JavaScript代码实现AJAX传值：

function sendData() {
  var inputVal = document.getElementById("myInput").value;
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "server.php");
  xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
      // 处理服务器端返回的数据
      console.log(xhr.responseText);
    }
  };
  xhr.send("inputVal=" + inputVal);
}

在上面的代码中，首先获取文本框中的值，然后创建一个XMLHttpRequest对象，并使用open方法指定请求的方法和URL。

由于需要将数据作为表单数据发送，所以需要设置请求头的Content-Type为application/x-www-form-urlencoded。

接着，为XMLHttpRequest对象的onreadystatechange事件注册一个回调函数，用于处理服务器端返回的数据。

最后，使用send方法发送请求，并将文本框中的值作为表单数据发送。

在服务器端，可以使用PHP等后端语言来接收AJAX传递的数据：

<?php
$inputVal = $_POST["inputVal"];
// 处理数据并返回结果
echo "收到的数据是：" . $inputVal;
?>