使用来自html表单的多个输入作为ajax调用的url中的变量。

使用来自HTML表单的多个输入作为AJAX调用的URL中的变量，可以通过以下步骤实现：

在HTML中创建一个表单，并为每个需要作为变量的输入字段添加相应的标识符（例如id或name）。
使用JavaScript获取表单中的输入值。可以使用getElementById()或querySelector()等方法来获取输入字段的值，并将其存储在变量中。
构建AJAX请求的URL。将获取到的输入值与URL字符串拼接，形成完整的URL。可以使用字符串拼接操作符（+）或模板字符串（``）来实现。
创建一个AJAX请求对象。可以使用XMLHttpRequest对象或jQuery的$.ajax()方法等来创建AJAX请求。
发送AJAX请求。将构建好的URL作为请求的URL，并设置请求的其他参数（例如请求类型、数据等）。
处理AJAX响应。根据需要，可以在AJAX请求成功后，通过回调函数处理响应数据，例如更新页面内容或执行其他操作。

下面是一个示例代码：

HTML部分：

<form id="myForm">
  <input type="text" id="input1" name="input1">
  <input type="text" id="input2" name="input2">
  <button type="button" onclick="sendAjaxRequest()">Submit</button>
</form>

JavaScript部分：

function sendAjaxRequest() {
  // 获取输入值
  var input1Value = document.getElementById("input1").value;
  var input2Value = document.getElementById("input2").value;

  // 构建URL
  var url = "https://example.com/api?input1=" + input1Value + "&input2=" + input2Value;

  // 创建AJAX请求对象
  var xhr = new XMLHttpRequest();

  // 发送AJAX请求
  xhr.open("GET", url, true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 处理响应
      var response = xhr.responseText;
      // ...
    }
  };
  xhr.send();
}

在实际应用中，可以根据具体需求选择合适的AJAX库或框架，例如jQuery、axios等，以简化AJAX请求的处理过程。

请注意，以上示例中的URL仅作为示意，实际应用中需要根据具体情况进行修改。