如何使用 JavaScript 调用 Web 服务：获取 Web 服务 URL 和操作；创建 XMLHttpRequest 对象；设置请求属性（URL、方法、标头）；发送请求（传递数据）；处理响应（解析数据）。
如何使用 JavaScript 调用 Web 服务
JavaScript 是一种客户端脚本语言，它允许与服务器进行交互，包括调用 Web 服务。以下是如何使用 JavaScript 调用 Web 服务：
步骤 1：了解 Web 服务 URL 和操作
确定您要调用的 Web 服务的 URL 和特定的操作（例如，获取客户信息）。
步骤 2：创建 XMLHTTPRequest 对象
在 JavaScript 中，我们使用 XMLHttpRequest 对象与服务器进行交互。创建一个新的 XMLHttpRequest 对象：
const request = new XMLHttpRequest();
步骤 3：设置请求属性
设置 request 对象的以下属性：
e新时代企业网站管理系统6.0 ACC版
下载
系统共有：常规管理，公告管理，新闻管理，产品管理，采购订单管理，留言反馈管理，短信管理，用户管理，管理员管理，在线邮件管理，系统模板管理，图品缩略图及水印管理，Flash幻灯片管理，统计调查管理，系统数据调用管理，自定义扩展管理，语言标签库管理。18个主要功能模块组成。5月10号更新：1、全新双语模式设计开发2、多级动态JS菜单，支持在线添加，修改，删除3、新增单页管理模块，如扩展企业简介，联系方
-
open(method, url, async)：指定请求方法（通常为 "GET" 或 "POST"）、Web 服务 URL 和是否为异步调用。 -
setRequestHeader(header, value)：设置请求标头。对于 SOAP Web 服务，需要设置 "Content-Type" 标头为 "text/xml;charset=UTF-8"。
步骤 4：发送请求
使用 send() 方法发送请求：
request.send(data); // 如果是 POST 请求，则传递数据
步骤 5：处理响应
监听 readystatechange 事件来处理服务器响应：
request.onreadystatechange = function() {
if (request.readyState === 4 && request.status === 200) {
// 解析并使用响应数据
const response = request.responseXML || request.responseText;
}
};示例：
获取指定 ID 的客户的信息：
// 设置请求属性
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}`);
}
}; 
