如何使用 JavaScript 调用 Web 服务：获取 Web 服务 URL 和操作；创建 XMLHttpRequest 对象；设置请求属性（URL、方法、标头）；发送请求（传递数据）；处理响应（解析数据）。
如何使用 JavaScript 调用 Web 服务
JavaScript 是一种客户端脚本语言，它允许与服务器进行交互，包括调用 Web 服务。以下是如何使用 JavaScript 调用 Web 服务：
步骤 1：了解 Web 服务 URL 和操作
确定您要调用的 Web 服务的 URL 和特定的操作（例如，获取客户信息）。
步骤 2：创建 XMLHTTPRequest 对象
在 JavaScript 中，我们使用 XMLHttpRequest 对象与服务器进行交互。创建一个新的 XMLHttpRequest 对象：
<code class="js">const request = new XMLHttpRequest();</code>
步骤 3：设置请求属性
AI舌诊面诊问诊医疗系统+诊疗商城系统源码
下载
AI 舌诊面诊问诊医疗系统 + 诊疗商城系统源码是一套结合 AI 辅助诊断与商品转化的健康类程序，基于浩创云、ThinkPHP（PHP）开发，支持微信服务号与 H5 端，适合做中医舌诊面诊问答、健康建议推送以及配套诊疗商品的运营。
设置 request 对象的以下属性：
-
open(method, url, async)：指定请求方法（通常为 "GET" 或 "POST"）、Web 服务 URL 和是否为异步调用。 -
setRequestHeader(header, value)：设置请求标头。对于 SOAP Web 服务，需要设置 "Content-Type" 标头为 "text/xml;charset=UTF-8"。
步骤 4：发送请求
使用 send() 方法发送请求：
<code class="js">request.send(data); // 如果是 POST 请求，则传递数据</code>
步骤 5：处理响应
监听 readystatechange 事件来处理服务器响应：
<code class="js">request.onreadystatechange = function() {
if (request.readyState === 4 && request.status === 200) {
// 解析并使用响应数据
const response = request.responseXML || request.responseText;
}
};</code>示例：
获取指定 ID 的客户的信息：
<code class="js">// 设置请求属性
const request = new XMLHttpRequest();
request.open("GET", "https://example.com/api/get-customer?id=123", true);
request.setRequestHeader("Content-Type", "text/xml;charset=UTF-8");
// 发送请求
request.send();
// 处理响应
request.onreadystatechange = function() {
if (request.readyState === 4 && request.status === 200) {
// 解析 XML 响应并提取客户信息
const customerInfo = request.responseXML.querySelector("customer");
const name = customerInfo.querySelector("name").textContent;
const email = customerInfo.querySelector("email").textContent;
// 使用客户信息
console.log(`Customer Name: ${name}`);
console.log(`Customer Email: ${email}`);
}
};</code> 
