js订单查询插件

// 订单查询插件
class OrderQueryPlugin {
  constructor(apiUrl) {
    this.apiUrl = apiUrl;
  }

  // 查询订单
  async queryOrder(orderId) {
    try {
      const response = await fetch(`${this.apiUrl}/orders/${orderId}`);
      if (!response.ok) {
        throw new Error('Network response was not ok');
      }
      const data = await response.json();
      return data;
    } catch (error) {
      console.error('There has been a problem with your fetch operation:', error);
    }
  }

  // 显示订单信息
  displayOrder(orderData) {
    const orderInfo = document.getElementById('order-info');
    if (orderInfo) {
      orderInfo.innerHTML = `
        <p>订单号: ${orderData.id}</p>
        <p>状态: ${orderData.status}</p>
        <p>总金额: ${orderData.total}</p>
      `;
    }
  }
}

// 使用示例
const plugin = new OrderQueryPlugin('https://api.example.com');
plugin.queryOrder('12345').then(data => {
  plugin.displayOrder(data);
});