跨域请求获取返回值 - JavaScript代码示例

本示例展示了如何在 JavaScript 中使用 XMLHttpRequest 对象进行跨域请求，并获取返回值。

在代码中，我们通过设置 XMLHttpRequest 对象的 withCredentials 属性为 true，以及设置请求头中的 Cookie 信息来支持跨域请求携带 cookie。

代码示例如下：

function getReturnValue() {
  // 获取输入框中的 URL
  var url1 = document.getElementById('urlInput').value;
  var url2 = document.getElementById('urlInput1').value;
  var url = url1 + url2;

  // 创建 XHR 对象并设置 JSESSIONID
  var xhr = new XMLHttpRequest();
  xhr.open('GET', url);
  xhr.withCredentials = true; // 设置支持跨域请求携带 cookie
  xhr.setRequestHeader('Cookie', 'JSESSIONID=xxxxx'); // 设置 JSESSIONID

  // 发送 GET 请求获取返回值
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 将返回值显示在文本框中
      document.getElementById('returnValue').value = xhr.responseText;
    }
  };
  xhr.send();
}

需要注意的是，服务器端也需要设置允许跨域请求的响应头信息，否则依然无法正常获取返回值。